Progress Circle

A jQuery plugin that creates a percentage circle based on pure CSS.

Demo

http://iammary.github.io/progress-circle/

How to use

1. Prepare the markup holder

   <div id="circle"></div>

2. Invoke the progressCircle() function

   $( '#circle' ).progressCircle();

Additional Settings

Below is an example of the code with all available options and their defaults:

$( '#circle' ).progressCircle({ 	nPercent        : 50, 	showPercentText : true, 	thickness       : 3, 	circleSize      : 100 });

Code Reference

Checkout development branch at https://github.com/iammary/progress-circle/tree/dev