1× · 5.2 s
Coverage Ring
CSSA component-coverage ring unwinds to empty and sweeps back round to its target arc, the target tick lighting the moment the sweep reaches it.
The Free licence asks for one visible credit per page: Animation by Pulsar, linked to Pulsar. The credit line is that link, ready to paste. The snippet itself carries attribution in a comment and in the SVG’s metadata, and never links anywhere on click. Licence
- Tier
- CSS
- Dependencies
- None
- Duration
- 5.2 s, loops
- Categories
- Icons and micro-interactions
- Use cases
- Determinate progress, Dashboards and reporting
- Industries
- SaaS and software, IT services and infrastructure
- Style
- Minimal line · light stroke
- Set
- designsystem
- Tags
- ringprogressminimalloopcircle
Companion assets
The same artwork, not animated. Derived from the entry’s own resting state, so it matches exactly.
