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.