Primitive
Progress
Displays an indicator showing the completion progress of a task.
80%
Installation
npx benflux-ui add progressUsage
import { Progress } from "@benflux-ui/react"
<Progress value={60} />With Label & Value
Uploading...45%
Complete100%
Sizes
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | 0 | Progress value from 0 to 100 |
| variant | "default" | "gradient" | "glow" | "striped" | "default" | Visual style of the progress bar |
| size | "sm" | "default" | "lg" | "default" | Height of the progress bar |
| showValue | boolean | false | Shows the percentage value |
| label | string | — | Label displayed above the progress bar |
| animated | boolean | true | Enables fill animation on mount |