CPB - Circular Progress Bar

Product Details

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.
New
0 sales • Released: Jun 09, 2020, 11:50 PM

CPB - Circular Progress Bar

$5
0 reviews

Top Features

  • • animated
  • • animation
  • • circular
  • • cpb
  • • ie
  • • loader
  • • progress bar
  • • svg
  • • ui
  • • web component

Compatibility

High Resolution: No, Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Attributes

compatible-browsers
IE8,IE9,IE10,IE11,Firefox,Safari,Opera,Chrome,Edge
compatible-software
null
demo-url
https://pandoa.github.io/CPB-CircularProgressbar/
high-resolution
No
source-files-included
JavaScript JS
video-preview-resolution
1920x1080