Loading...
The Modern Progress component creates a modern progress bar. It supports hover effects, color changes, and pixel shape customization.
Installation
npx shadcn@latest add "https://bucharitesh.in/r/modern-progress"Props
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | Custom class name | "" |
| value | number | Value of the progress bar | 0 |
| max | number | Maximum value of the progress bar | 100 |
| variant | string | Variant of the progress bar | "default" |
| radius | string | Radius of the progress bar | "default" |
| striped | boolean | Whether the progress bar is striped | true |
| indicatorClassName | string | Custom class name for the indicator | "" |
Credits
- Credit to @Hyperplexed for the video.