GarikDog / car.github.io

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