A ring that shows progress toward completion, or spins while the duration is unknown.
| – |
Replaces the built-in text for this instance. See |
max | number | 100 | The highest value. A |
min | number | 0 | The lowest value. |
showValue | boolean | false | Whether the formatted value is shown in the centre while the value is known. Ignored when |
size | number|"lg"|"sm"|"default"|"2xl"|"xl" | "default" | The size of the circular progress indicator. Can be a string identifier ("sm" to "2xl") or explicit pixel dimensions. |
strokeWidth | number | – | The stroke width of the SVG circle. |
value | number|null | – | The progress value, from |
variant | "default"|"expressive" | "default" | Defines standard rendering or wavy geometries wrapping the progress stroke. |
