palantir/blueprint

[Feature request] [Progress] Multiple stacked progress bars

Open

#3 469 ouverte le 9 avr. 2019

Voir sur GitHub
 (0 commentaires) (0 réactions) (0 assignés)TypeScript (20 263 stars) (2 167 forks)batch import
P3Package: coreType: feature requesthelp wanted

Description

Environment

  • Package version(s): ^3.12.0
  • Browser and OS versions: Chrome 73.0.3683.86 on Windows 10

Feature request

Allow multiple progress meters with different intents within one bar

Examples

Bootstrap's progress bars support it: https://getbootstrap.com/docs/4.3/components/progress/#multiple-bars

image

Guide contributeur

Stack technique
reacttypescripthtmlcss
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
React knowledgeBlueprint component APICSS styling
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
Examine the existing ProgressBar component in Blueprint (likely in src/components/progress bar/progressBar.tsx) to understand its API and rendering. Review the linked Bootstrap documentation for stacking multiple bars. Consider designing a new prop (e.g., 'stripedBars' or 'bars') that accepts an array of value/color objects. Modify the component to render multiple inner bars, updating styles accordingly. No linked PRs or maintainer comments exist, so scope is open.