Examples
Use determinate spinners when a real numeric range exists, then hand off to an indeterminate arc when the work continues without a trustworthy percentage.
Determinate metrics
Track completion of known-duration tasks with owner-authored SVG circles.
Headless determinate spinners (plain CSS)
Upload progress
Quality checks
Headless determinate spinners (Tailwind)
Indeterminate handoff
Use an indeterminate arc when the work continues but exact completion is unavailable.
Headless handoff spinners (plain CSS)
Preparing release
Rollout