Skip to content
All effectsKPI

Cost Threshold

The colour travels with the value, not at a hard step.

Pure CSSKPIPro

Usage

Spend$1.84 / $2.00

Meant for

Cost MeterMeterProgress

Examples

On a Cost Meter

On the WunderUI Cost Meter itself: the class goes on the CostMeter and drives its bar, which changes colour as it crosses the budget and stops at 92% — the same 92% the meter reads. It never reaches the end on purpose; the point is the warning, not the completion.

Spend this run

$2.00 budget

$1.84

92% usedNearly spent

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