Donut Count
The ring and the number run on one timeline, so they finish together.
Usage
68%
Meant for
Examples
On a Card
The ring and the figure run on one timeline, so they finish together. The ring is a conic gradient with a radial mask and the figure is a digit column — no SVG, no arc maths, and the number is real text.
The class is wm wm-donut-count — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.