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.