Download Now

CPB is a web custom element representing a circular progress bar for your website. It allows to create easily custom circular progress bars on any website using HTML.

Easy-to-use

Creating a circular progress bar requires now just one line of code:

〈circular-progressbar〉〈/circular-progressbar〉

Performant

CPB uses SVG internally to render a smooth circular progress bar. The code is minified to a tiny js file to load quickly.

Compatible with old browsers

CPB has been tested on IE8+ and all other major browsers

Features

  • Animations
    CSS3 animation support included and ready-to-use.
  • Border, thickness, rotation, colors and more
    Customize your progress bars from a list of predefined built-in properties.
  • Javascript accessibility
    Easily access and mutate your progress bar with Javascript.
  • Advanced customization
    If the properties we offer aren’t enough, you can customize the progress bar easily
    with your own HTML, CSS or Javascript.

Download Now