Component

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

valuenumber — 0 to 100

ProgressLabel / ProgressValueoptional label + percentage text

Playground

Value— value

Show label + value— showLabel

Upload progress

50%

تقدم الرفع

4 semantic tokens consumed by this component.

--primaryPrimary

bg-primarytext-primaryborder-primaryring-primary

--mutedMuted

bg-mutedtext-mutedborder-muted

--foregroundForeground

text-foreground

--muted-foregroundMuted Foreground

text-muted-foreground