Segmented progress · Retro Y2K
Four steps for a coat. Two start filled. A click eases the new segment from 25% width with no bounce. The keyboard jumps.
Design · Retro Y2K8 / 20
A bevelled card. Empty segments are sunken.
Motion
A click eases the new segment from 25% width in 160ms, ease-out, with no bounce. Arrow keys place it at once.
Accent
Four steps for a coat. Two start filled. A click eases the new segment from 25% width with no bounce. The keyboard jumps.
progressstepssegmentsstatus