Circular progress · Material

A ring-shaped progress indicator with the value in the centre, determinate for known progress and indeterminate for open-ended work.

Design · Material1 / 20

M3 circular indicator: a 4dp-style round-capped arc on a tonal track in a rounded tonal card, value centred.

Motion

The arc draws once around the ring with an ease-out; indeterminate shows a growing and shrinking arc that spins.

Accent

A ring-shaped progress indicator with the value in the centre, determinate for known progress and indeterminate for open-ended work.

Category
Progress
Designs
20
Motions
Sweep, Count up, Pulse
Released
2026-11-16
progresscircularringspinnerloadinggaugepercentage

All 20 designs

tap to preview above

Related components

More progress →