ProgressBar
Displays a progress bar that can be filled.
Examples
Label left
Label centered
Label right
Click on the progress bars to update their values
With default properties
0/100%
Centered progression with no label
0/100%
Theme
Props
Name | Type | Default value | Description |
---|---|---|---|
end | number | 100 | End of the progressbar. |
fillingOrientation | enum | 'left' | Tells how the progressbar will be filled (left, center or right). |
fillingSpeed | number | 100 | Define the filling speed of the progressbar. |
label | string | null | Define the label text. |
leftLabel | string | '' | Define the left label text. |
rightLabel | string | '' | Define the right label. |
start | number | 0 | Beginning of the progressbar. |
step | number | 1 | Incremental step. |
value | number | 0 | Progressbar value. |