ProgressRing
A circular progress for tight spaces: avatars, sync buttons, uploads in table rows.
Example
<ProgressRing label="Sync" value={75} />
<ProgressRing label="Indexing" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | - | 0 to 100, clipped; omit to spin. |
size | number | 44 | Pixel diameter. |
label | string | - | Accessible name (required). |
Accessibility
- Same
progressbarcontract as Progress. - Spin pauses under reduced motion.