Progress Circle Bars
A circular progress indicator with ring, gauge, and dashes arc styles, scroll-triggered count-up animation, color thresholds, a comparison target marker, and a completion pulse.
- Library
- ReactFrame
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- clsx, motion, tailwind-merge
- Install
npx shadcn@latest add https://reactframe.com/r/progress-circle-bars.json- Files
registry/new-york/progress-circle-bars/progress-circle-bars.tsx
- Source
- https://github.com/AhmetLoca/reactframe-public
Categories
- Chart Components
- React Chart Components
- Tailwind CSS Chart Components
- Animated Chart Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components
- Feedback Components
- React Feedback Components
- Tailwind CSS Feedback Components
- Animated Feedback Components