Progress Bar
A linear progress indicator — determinate or indeterminate, with optional label, stripes, sizes and semantic colours.
Examples
html
| 1 | <nana-progress-bar value="60" label="Uploading" show-value></nana-progress-bar> |
| 2 | <nana-progress-bar indeterminate></nana-progress-bar> |
| 3 | <nana-progress-bar value="70" striped color="success"></nana-progress-bar> |
Import
ts
| 1 | import "@nana-tec/ui-components/progress-bar"; |
Props
| Attribute | Type | Default |
|---|---|---|
value | number | 0 |
indeterminate | boolean | false |
label | string | — |
show-value | boolean | false |
striped | boolean | false |
size | sm | md | lg | md |
color | primary | success | warning | danger | primary |