Progress 06 - Labeled Colors
Goal progress bars with a label, a percentage value, and a different color per bar, composed from the progress primitive.
- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- @base-ui/react
- Files
src/components/shadcn-space/progress/progress-06.tsxsrc/components/ui/progress.tsxsrc/lib/utils.tssrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Feedback Components
- React Feedback Components
- Tailwind CSS Feedback Components
- shadcn/ui Feedback Components
- Progress Components
- React Progress Components
- Tailwind CSS Progress Components
- shadcn/ui Progress Components
More from Shadcn Space
- Popover 05 - Download Progress
- Progress 04 - Shimmer Status Progress
- Progress 05 - Circular Rings
- Progress 07 - Segmented Storage
- Progress 09 - Page Loading & Indeterminate
- Stepper 03 - Animated Progress Indicators
- About Us 01 - Impact Metrics
- Accordion-01 - Default
- Accordion-02 - Multi-level
- Accordion-03 - Numbered FAQ
- Accordion-04 - Card
- Accordion-05 - Media