Docs

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.

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"]