Back to components

Progress

A progress bar component with multiple variants and label support.

Examples

Progress Variants

Props

PropTypeDefaultDescription
valuenumber0Progress value (0-100)
maxnumber100Maximum value
size"sm" | "md" | "lg""md"Size of the progress bar
variant"default" | "success" | "warning" | "error""default"Color variant
showLabelbooleanfalseShow percentage label