Docs

Docs

Progress Bar

Styling API reference for the Progress Bar component.

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

Contrast

vaadin-progress-bar[theme="contrast"]

Success

vaadin-progress-bar[theme="success"]

Error

vaadin-progress-bar[theme="error"]