System

Progress / A linear bar for determinate progress.

Determinate values

A linear bar driven by value against max (default 100). The fill animates with a scaleX transform so a changing value eases rather than jumps. It sits on a bg-background stage here because its track is bg-muted, which is invisible on the card well.

Fixed values
25%
50%
75%
100%

Animated

Play runs the fill from empty to full. Under reduced motion it snaps straight to full instead of animating.

On demand