Skip to content
All effectsKPI

Tally Rise

A stat row that counts on entry. Each place is a column of the digits it passes through, moved by a steps() timer with one step per digit, so the last place runs fastest and they all land together. The reset happens while the row is faded out, which is why you never see it count back down.

Pure CSSKPIPro

Usage

Deploys01201234012345678Regions01012Checks01234567890123456

Meant for

KPIKPI GroupNumber Value

Examples

On a KPI Group

A KPI Group counting up. Each figure is its own wm-tally-rise and keeps the KPI type scale; every place steps once per digit, so the last place runs fastest and they all land together. Looping, the reset happens while the row is faded out — add data-wm="once" and it counts a single time and holds, which is what you want on a page.

Deploys01201234012345678
Regions01012
Checks01234567890123456

The class is wm wm-tally-rise — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.