Circular progress · Bento Dark
A ring-shaped progress indicator with the value in the centre, determinate for known progress and indeterminate for open-ended work.
Design · Bento Dark6 / 20
A 40-tick radial gauge in a dark tile; lit ticks glow in the accent and the indeterminate state chases a lit run round the dial.
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