Component

Material Design 3 progress indicators tokens

Browse tokens

Token

See more values

Compare token values by selecting another context

Theme
Contrast
More contexts
Platform
Audience
What do 1P and 3P mean?

1P means first-party; 3P means third-party. We interpret 1P Baseline as the configuration for Google's own products, and 3P as the configuration for other developers.

Material supplies these audience labels but does not define them in the captured data. They are not a baseline-versus-Expressive switch.

[Deprecated] Enabled
[Deprecated] Track
[Deprecated] Track tokens
TokenValue
Linear progress indicator track heightmd.comp.linear-progress-indicator.track.height
4dp
Linear progress indicator track shapemd.comp.linear-progress-indicator.track.shape
0dp
Linear progress indicator track colormd.comp.linear-progress-indicator.track.color
#E6E0E9
[Deprecated] Active indicator
[Deprecated] Active indicator tokens
TokenValue
Linear progress indicator active indicator heightmd.comp.linear-progress-indicator.active-indicator.height
4dp
Linear progress indicator active indicator shapemd.comp.linear-progress-indicator.active-indicator.shape
0dp
Linear progress indicator active indicator colormd.comp.linear-progress-indicator.active-indicator.color
#6750A4
Linear progress indicator four color active indicator one colormd.comp.linear-progress-indicator.four-color.active-indicator.one.color
#6750A4
Linear progress indicator four color active indicator two colormd.comp.linear-progress-indicator.four-color.active-indicator.two.color
#EADDFF
Linear progress indicator four color active indicator three colormd.comp.linear-progress-indicator.four-color.active-indicator.three.color
#7D5260
Linear progress indicator four color active indicator four colormd.comp.linear-progress-indicator.four-color.active-indicator.four.color
#FFD8E4