Awesome & Convenient to use
Progress bar element is convenient to show your statistical information with eye-catching progress lines. Just use this element by drag-n-drop.
Style Options Galore
Dozens of style options are ready. If you want you can fully-customize the look of progress bar, title and percentage as well.
Control Text Position
This option is to control the position of progress bar title. Choose one you like.
Percentage Position
This option is to control the position of progress percentage.
Change Color & Type
This option is to control the type and color of progress bar.
Custom Bar Size
This option is to control the height of progress bar. Input value from 0 to 100.
Customize Shape
This option is to adjust the border radius of progress bar. Both px and % are possible.
Customize Title
This option is to control the color and typography of progress bar title.
Provide Many Style to Choose
Choose among 6 fashionable types supported by UDesign theme. If you mind you can build your own progress bars using style options.
End of Bar Style
End of Percent
After Title Percent
Gradient Color
Animated Colors
Size, Shape & Inner Text
Glossary
Progress Bar Element Options
Customize Elements Globally or Individually
- Text Position – Control the location of progress bar title.
- Display Percentage – Enable to display percentage or not.
- Percentage Position – Select available percentage position.
- Title – Input any progress bar title.
- Skin – Select the progress bar skin from 10 default types.
- Percentage – Pick up the percentage value from 0 to 100.
- Spacing – Control the space between progress bar it.
- Effect – Choose your effect for progressbars.
- Background Color – Control background color of each progress bar.
- Color Type – Select color types from 2 options – Gradient and Classic.
- Height – Adjust the height of progress bar.
- Border Radius – Control the border radius of progress bar.
- Padding – Control the padding of progress box.
- Text Color – Control color of progress bar title.
- Typography – Control the typography of progress bar title.
- Percentage Color – Control color of percentage.
- Percentage Typography – Control the typography of percentage.