Progress
Task progress or a bounded measurement, selected with a required kind.
Choose kind="task" for determinate or indeterminate work. Choose kind="measurement" for a named bounded value and add text when color alone would carry meaning.
Interactive example
Loading interactive example
API
Inherited prop contracts
AccessibleNameRequires exactly one accessible name:label,aria-label, oraria-labelledby.
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
aria-label | string | prop | No | undefined |
aria-labelledby | string | prop | No | undefined |
aria-valuetext | string | prop | No | undefined |
indeterminate | boolean | prop | No | false |
kind | 'measurement' | 'task' | prop | Yes | |
label | string | prop | No | undefined |
max | number | prop | No | 100 |
min | number | prop | No | 0 |
showValue | boolean | prop | No | false |
tone | ProgressTone | prop | No | 'accent' |
value | number | prop | No | 0 |
valueLabel | string | prop | No | undefined |
Source
Loading source