Components

Progress Bar

Determinate progress indicator for async operations. Three sizes with pill-end corners, token-driven colors.

Sizes

Track is bg/muted; fill is action/primary (teal).

sm · 4px
60%
md · 8px
40%
lg · 12px
75%

Tokens used

action/primaryProgress bar fill
bg/mutedProgress bar track background