Skip to content

Progress Bar Pro

Progress Bar Pro preview image 1

Summary

- Customizable styles: minimal, gradient, rounded, segmented - Adjustable progress, title, subtitle, colors, bar height, and animation duration - Show or hide percentage -…

Description

## 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.

Rank history How rankings work →

1500110001109978/149/49/2610/1811/9
  • All · #10975

Details

More like this