Easy to Use and Awesome
Circular Progress Bar is convenient for showing your information more effectively and easy to use.

Circle Progress Bar Options Galore
Choose your favorite circular bar mode, shape and style the element.

Select View Mode
Which type will you use? Please choose your favourite type for imagebox.

Control Bar Shape
Where will you display scroll progressbar? Please choose the position your want.
Build for professional
Choose out one of many styles
There are 8 available types you can choose and you can make it more attractive and eye-catching.
Progress Bar
Progress Bar
Glossary
Circular Progress Bar Element Options
Customize Elements Globally or Individually
- Progress bar Title: Input any progress bar title.
- TProgress bar Value: Pick up the value of progressbar between 0 and 100.
- Progress bar Units: Input the unit of percentage value.
- View Mode: Select the mode of progress bar.
- Bar Shape: Select the shape of progress bar.
- Animation Speed: Input the duration of progress bar animation.
- Content Position: Select the position of progress bar content in percentage.
- Content Spacing: Select the space between title and progress bar value.
- Circle Size: Input the diameter of circular progress bar.
- Bar Color: Control the color of progress bar.
- Track Color: Control the color of progress bar.
- Line Width: Input the width of progress bar itself.
- Title Typography: Control the typography of circle progress bar title.
- Title Color: Control the color of circular progress bar title.
- Value Typography: Control the typography of circle progress bar value.
- Value Color: Control the color of circle progress bar value.