Display
ProgressBar
Determinate or indeterminate progress. Pass a value for determinate; set indeterminate for the looping variant.
Examples
Determinate
42%
<ProgressBar value={0.42} />
<ProgressBar value={0.42} size="lg" />Indeterminate
<ProgressBar indeterminate size="lg" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Current value (0..max). |
max | number | 1 | Maximum value. |
indeterminate | boolean | false | Render the looping indeterminate variant. |
size | 'sm' | 'md' | 'lg' | 'md' | Track height. |
label | string | — | Accessible label for screen readers. |
Install
CLI
npx @a3tai/mittsu add progress-bar