Controls
64
Feedback
Progress
A simple progress meter for loading and completion states.
Component
24
Import
import { Progress } from "@swirski/ui";Playground
Usage
<Progress value={64} />Props
| Prop | Type | Default | Notes |
|---|---|---|---|
max | number | 100 | Maximum progress value. |
size | 'sm' | 'md' | 'lg' | "md" | Generated from ProgressProps. |
tone | 'blue' | 'yellow' | 'red' | 'black' | "blue" | Generated from ProgressProps. |
value | number | 0 | Current progress value. |
variant | 'solid' | 'striped' | "solid" | Generated from ProgressProps. |
className | string | - | Adds classes to the progress track. |