Best for

Work with no measurable end — a request in flight, a permission check

Anatomy

Eight arms · eight dots · a soft ring under two opposed arcs · all three sweeping at a constant rate · a hint message under each

Best for

Limits and quotas — a ring small enough to sit in a row and still carry its own number

Anatomy

Plan card with its badge · a row per limit: ring, name, used of total · 6.72px track on a 20.64px radius, round-capped from twelve o'clock · the percentage inside, or not

Best for

A long job with a real end — an import, a migration, a download

Anatomy

Queue card with its status badge · a row per item: name, size, and queued / percent / done · full-round 6px track with the brand fill · a footer carrying the total and the estimate

Best for

The one number a full-screen or blocking wait is about

Anatomy

A 0-9 column per place, rolling only when its own digit turns, faded at the slot edges · the heading and what to expect under it · the one way out

Best for

A job with named steps — where the wait needs to say what it is doing, not just that it is

Anatomy

Title and elapsed over a progress circle · a step list marking done, running and pending · the bar and readout under it, all off one value