An animated horizontal progress bar that keeps the user informed regarding a pending operation.
import '@amber-ds/components/progress-bar';
<amber-progress-bar
label="My label"
value="50"
></amber-progress-bar>
Name | Type | Default value | Description |
---|---|---|---|
label | String | Label | Text to display above the progress bar |
value | Number | 25 | Percent of the color covering the element |
format | String | % | A symbol to append after the visible digit value |
nodigits | Boolean | false | Hide the digits value |
display | Number | `` | A number that overrides the visible digit value |
disabled | Boolean | false | Disable the element |