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