Craft
Modern Progress

Modern Progress

Modern Progress

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

PropTypeDescriptionDefault
classNamestringCustom class name""
valuenumberValue of the progress bar0
maxnumberMaximum value of the progress bar100
variantstringVariant of the progress bar"default"
radiusstringRadius of the progress bar"default"
stripedbooleanWhether the progress bar is stripedtrue
indicatorClassNamestringCustom class name for the indicator""

Credits