Component

Material Design 3 circular progress indicator tokens

Browse tokens

TokenValue
Enabled
Enabled tokens
TokenValue
Progress indicator circular sizemd.comp.progress-indicator.circular.size40dp
Progress indicator circular track active indicator spacemd.comp.progress-indicator.circular.track-active-indicator-space
md.sys.measurement.space50Show reference chainHide reference chain
md.comp.progress-indicator.circular.track-active-indicator-space
  • md.sys.measurement.space50
4dp
Active Indicator
Active Indicator tokens
TokenValue
Progress indicator circular active indicator thicknessmd.comp.progress-indicator.circular.active-indicator.thickness4dp
Wave
Wave tokens
TokenValue
Progress indicator circular active indicator wave amplitudemd.comp.progress-indicator.circular.active-indicator.wave.amplitude1.6dp
Progress indicator circular active indicator wave wavelengthmd.comp.progress-indicator.circular.active-indicator.wave.wavelength15dp
Thick
Thick tokens
TokenValue
Progress indicator circular thick sizemd.comp.progress-indicator.circular.thick.size52dp
Progress indicator circular thick track active indicator spacemd.comp.progress-indicator.circular.thick.track-active-indicator-space4dp
Active Indicator
Active Indicator tokens
TokenValue
Progress indicator circular thick active indicator thicknessmd.comp.progress-indicator.circular.thick.active-indicator.thickness8dp
Track
Track tokens
TokenValue
Progress indicator circular thick track thicknessmd.comp.progress-indicator.circular.thick.track.thickness8dp
Track
Track tokens
TokenValue
Progress indicator circular track thicknessmd.comp.progress-indicator.circular.track.thickness4dp
With Wave
With Wave tokens
TokenValue
Progress indicator circular size with wavemd.comp.progress-indicator.circular.with-wave.size48dp