6 ways to create circular progressBar by using jQuery

6 ways to create circular progressBar by using jQuery
29 votes, 4.55 avg. rating (90% score)

image

1. jquery.polartimer.js

image

Polartimer is a circular timer widget supporting basic options and a callback function. The polartimer plugin requires jQuery and the Raphael SVG library.

This project is also on github.

How to use it

Downlaod

2. jQuery Knob

image

Demo and Download

3. CSS3 pie graph timer with jquery

image

Note: Changed to em’s so you just change the font-size in the timer class and everything will resize accordingly.

Demo and downlaod

4. circular progressBar by jQuery andCSS3

image

 

Demo and downlaod

5. ProgressBar.js

141016-0001

Beautiful and responsive progress bars with animated SVG paths. Use built-in shapes or create your own paths.

See demo page for examples.

Demo and download

6. RaphaelPolar Clock

141211-0001

This way is not to using jQuery, it’s using Raphael.

Demo

How to make it 

6 ways to create circular progressBar by using jQuery
29 votes, 4.55 avg. rating (90% score)