Skip to content
All effectsKPI

Signal Bars

Layers light up in order to show strength. The signal-bars pattern, used as a live indicator rather than a static one.

Pure CSSKPIPro

Usage

Meant for

MeterAgent StatusCost Meter

Examples

On a KPI

Goes on the container; each direct child is a bar and gets its own delay from its position, so the bars light up in order like a live strength reading. Works for any number of segments up to six.

Connection42 msStrong signal · eu-west-1

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