Progress
The progressbar range widget indicates that a request has been received and the application is making progress toward completing the requested action.
Basic
Uploading file...
API Reference
ProgressCircle
Circular progress indicator rendered as an SVG ring. Use inside ProgressRoot for ARIA semantics, or standalone for visual-only display.
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | null | 0 | Current progress value. Set to null for indeterminate state. |
| min | number | 0 | Minimum value of the progress range. |
| max | number | 100 | Maximum value of the progress range. |
| size | number | 120 | Width and height of the SVG element in pixels. |
| strokeWidth | number | 8 | Thickness of the ring stroke in pixels. |
| className | string | - | CSS class applied to the indicator circle. Use stroke-* utilities to change the fill color. |
| trackClassName | string | - | CSS class applied to the background track circle. |
| children | ReactNode | - | Content rendered centered inside the ring (e.g. ProgressValue, icons). |