Strength Meter
Segments fill left to right, the label changes with them.
Usage
WeakFairStrong
Meant for
Examples
On a Input
Segments filling in order under a password field, with the label stepping rather than fading — “weak” and “strong” are states, not a gradient, so steps(1) is the honest easing.
Strong
The class is wm wm-strength-meter — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.