Progress

Fluent 2 visuals (a thin 2px determinate bar), shadcn API (`value` 0-100). Omit `value` (or pass `null`) for the indeterminate state.

Light

0%

x

33%

x

66%

x

100%

x

Large (4px)

x

Animated (ticking demo) — 0%

x

Intent variants (Fluent State axis)

x

x

x

x

Indeterminate (value omitted — pulsing stand-in)

x

Thick variant (className override — h-2, shadcn's default height)

x

Dark

0%

x

33%

x

66%

x

100%

x

Large (4px)

x

Animated (ticking demo) — 0%

x

Intent variants (Fluent State axis)

x

x

x

x

Indeterminate (value omitted — pulsing stand-in)

x

Thick variant (className override — h-2, shadcn's default height)

x