Progress Bar Pro
Track progress with 4 customizable styles: minimal, gradient, rounded, and segmented. Control 11 properties including colors, height, animations, and percentage display. Perfect fo
Make it with Workshop
Build your own component with AI
About this Component
## Features
- Customizable styles: minimal, gradient, rounded, segmented
- Adjustable progress, title, subtitle, colors, bar height, and animation duration
- Show or hide percentage
- Interactive animations
## Getting Started
Drag the component onto your canvas to start tracking progress visually.
## Property Reference
- Progress(%): Set the progress percentage (0-100)
- Example: Set to 75 for a progress of 75%
- Bar Style: Choose from minimal, gradient, rounded, or segmented
- Bar Height: Adjust the height of the progress bar
- Bar Color: Set the primary color of the progress bar
- Bar Gradient End: Only applicable for gradient style
- Bar Background: Set the background color of the progress bar
- Show Percentage: Toggle to show or hide the progress percentage
- Pill Style: Choose from Text, Badge, Gradient Text or None
- Pill Text Color: Customize the text color
- Animation(sec): Adjust the speed of the animations.
