ProgressBar (Angular)
This guide demonstrates how to use the ProgressBar component.
ProgressBar
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘progressbar’ + index suffix | Unique name of the ProgressBar. |
| Value | number or expression | null | The current value of the ProgressBar |
| Unit | string | % | The unit the ProgressBar |
| ShowValue | boolean | true | Whether to display the value or not |
| Mode | determinate or indeterminate | determinate | Whether the ProgressBar shows a value (determinate) or indeterminate animation |
Configuration
The only required property of the ProgressBar component is Value. It specifies the current value of the ProgressBar and should be in the range from 0 to 100 as it represents percentage of completion.
You can set the Value to a literal number e.g. 50 or data-bind it by setting it to some expression e.g. ${progressValue}.
