ProgressBar
Description
<vaadin-progress-bar> is a Web Component for progress bars.
<vaadin-progress-bar min="0" max="1" value="0.5">
</vaadin-progress-bar>Styling
The following shadow DOM parts are available for styling:
| Part name | Description |
|---|---|
bar |
Progress-bar's background |
value |
Progress-bar's foreground |
See Styling Components documentation.
The following custom properties are available:
| Custom property | Description | Default |
|---|---|---|
--vaadin-progress-value |
current progress value (between 0 and 1) | 0 |
The following state attributes are available for styling:
| Attribute | Description |
|---|---|
indeterminate |
Set to an indeterminate progress bar |
Properties
indeterminate
Type: boolean
Indeterminate state of the progress bar. This property takes precedence over other state properties (min, max, value).
max
Type: number
Maximum bound of the progress bar.
min
Type: number
Minimum bound of the progress bar.
value
Type: number | null | undefined
Current progress value.