Confluence Logo

Progress indicator concepts

Two directions for the loading state: a determinate ring that fills to a known percentage, and an indeterminate spinner for processes with no measurable progress. Drag the slider to preview the fill.

0%
Determinate ring
Fills proportionally to real progress
Indeterminate spinner
Loops continuously, no completion value
Pulsing rings
Rings expand from center and fade at the edge