npm i @velkin/react
import { VuProgress } from "@velkin/react/progress";| Prop | Type | Default | Description |
|---|---|---|---|
| variant | VuProgressVariant | "default" | Linear rail style or ring mode. Default: `"default"`. |
| value | number | 0 | Determinate fill from 0 to max. Default: `0`. |
| max | number | 100 | Maximum value for normalization. Default: `100`. |
| buffer | number | 0 | Buffered amount behind the fill. Default: `0`. |
| indeterminate | boolean | false | Animated unknown-progress mode. Default: `false`. |
| size | VuProgressSize | "md" | Track thickness preset. Default: `"md"`. |
| tone | VuProgressTone | "normal" | Neutral rail weight behind the fill. Default: `"normal"`. |
| block | boolean | false | Stretches to the container width. Default: `false`. |
| color | VuProgressColor | "primary" | Foreground fill intent token. Default: `"primary"`. |
| speed | string | "1s" | Indeterminate animation duration. Default: `"1s"`. |
| label | string | "" | Accessible name; empty uses locale catalog. Default: `""`. |
| Part | Description |
|---|---|
| container | Outer track shell or ring frame. |
| bar | Foreground fill in determinate mode. |
| buffer | Buffered segment behind the fill. |
| indeterminate | Animated segment in indeterminate mode. |
| track | Ring track stroke (`variant="ring"` only). |
| Name | Definition |
|---|---|
| VuProgressColor | |
| VuProgressSize | |
| VuProgressTone | |
| VuProgressVariant | |