Circular progress · Playful
A ring-shaped progress indicator with the value in the centre, determinate for known progress and indeterminate for open-ended work.
Design · Playful15 / 20
Chunky ink-outlined ring with round caps, a violet arc on a lavender track, in a sticker card on a solid drop shadow.
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.
progresscircularringspinnerloadinggaugepercentage