Easy to use and awesome

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

Content

Circle progress bar options galore

Choose your favorite circular bar mode, shape and style the element.

Content

Select view mode

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

Content

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.