Progress

L'avancement d'une tâche.

Sans value, le composant passe en indéterminé plutôt que d'afficher zéro : « je travaille » et « je n'ai rien fait » ne se ressemblent pas.

Installation

bash

sia-ui add progress

Ou par le paquet, sans rien copier :

tsx

import { Progress } from "@sia-ui/react-web";

Prop	Type	Défaut	Description
`className`	`string`	—
`format`	`(percent: number, value: number, max: number) => ReactNode`	—	Remplace l'affichage par défaut.
`label`	`ReactNode`	—
`max`	`number`	—
`shape`	`"circle" \| "bar"`	—
`showValue`	`boolean`	—	Affiche le pourcentage — au centre du cercle, en bout de barre.
`size`	`ComponentSize`	—
`thickness`	`number`	—	Épaisseur du trait, en pixels. Par défaut selon la taille.
`tone`	`ComponentTone`	—
`value`	`number`	—	La valeur courante. Omise, la barre passe en indéterminé.