Animated Circular Progress Bar

Pro

Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac-pro/animated-circular-progress-bar

Prop	Type	Default	Description
`className`	`string`	`-`	The class name to be applied to the component
`max`	`number`	`100`	The maximum value of the gauge
`min`	`number`	`0`	The minimum value of the gauge
`value`	`number`	`0`	The current value of the gauge
`gaugePrimaryColor`	`string`	`-`	The primary color of the gauge
`gaugeSecondaryColor`	`string`	`-`	The secondary color of the gauge