ProgressBar
Une barre de 4 px découpée en segments égaux, dont les premiers sont activés. Statique et informative, elle ne s'anime pas.
Utilisation
import { ProgressBar } from "@monstera/ui"Par défaut
value compte les segments activés depuis la gauche, ce n'est pas un pourcentage. Sans value, la barre est vide.
Nombre de segments
steps découpe la barre, de 3 à 6 dans la maquette. Les segments se partagent toujours la largeur à parts égales, l'écart entre eux ne bouge pas.
Bornes
value est arrondi puis ramené entre 0 et steps : une valeur négative vide la barre, une valeur trop grande la remplit, aucune ne la casse.
Accessibilité
La barre exige un nom (aria-label, ou aria-labelledby vers un texte visible) : le type refuse une barre anonyme. Elle annonce sa position en clair, « 2 sur 5 », plutôt qu'un pourcentage.
API
Prop
Type