Progress indicators communicate the status of ongoing processes. They help reassure users that the system is active and reducing uncertainty.
Linear
Determinate (65%)
With label
40%
Circular
Indeterminate
65%
Specs
| Property | Value | Token |
|---|---|---|
| Linear height | 4px | progress.linear.height |
| Circular size | 48px | progress.circular.size |
| Active color | #A614C3 (gradient) | color.primary |
| Track color | rgba(92,46,212,0.1) | color.primary-container |