Progress Ring
A circular progress indicator — determinate or indeterminate, with an optional centre label, sizes and semantic colours.
Examples
html
| 1 | <nana-progress-ring value="72" show-value></nana-progress-ring> |
| 2 | <nana-progress-ring indeterminate></nana-progress-ring> |
Import
ts
| 1 | import "@nana-tec/ui-components/progress-ring"; |
Props
| Attribute | Type | Default |
|---|---|---|
value | number | 0 |
indeterminate | boolean | false |
show-value | boolean | false |
size | sm | md | lg | md |
color | primary | success | warning | danger | primary |
label | string | — |