CirclesProgressbar

A jQuery Plugin for several Circle Shaped Progressbars

Installation

npm install jquery-circles-progressbar --save

Usage

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.js"></script>
<script type="text/javascript" src="../dist/jquery.circles-progressbar.js"></script>

$(element).circlesProgress(optionsObject);

e.g.

optionsObject = {
	'size':150, // 150px width and height
	'progress': 50, // fillup in percent
	'innerColor': 'rgb(255,0,0)',
	'outerColor': '#00F',
	'borderSize': 4, // width of the border
}

Avaible Options

- size 
- progress
- borderSize
- innerColor
- outerColor
- initialProgress
- innerOpacity
- outerOpacity

Release History

0.1.0 Initial release