Progress Bar

Styling API reference for the Progress Bar component.

Usage
Styling

CSS Selectors

CSS Selectors

The following CSS selectors can be used in stylesheets to target the various parts and states of the component. See the Styling documentation for more details on how to style components.

Root element: vaadin-progress-bar

States

Indeterminate: vaadin-progress-bar[indeterminate]

Parts

Track (bar): vaadin-progress-bar::part(bar)
Indicator (value): vaadin-progress-bar::part(value)

Style Variants

Success: vaadin-progress-bar[theme="success"]
Error: vaadin-progress-bar[theme="error"]

Documentation