Get new jQuery plugins just once a week

×

Circles-Progressbar

July 26, 2015

A jQuery Plugin for several Circle Shaped Progressbars

Circles-progressbar is a useful jQuery Plugin for several Circle Shaped Progressbars

Created by Tobias Kriebisch

Download

circles-progressbar jquery plugin

progressbar

CirclesProgressbar

A jQuery Plugin for several Circle Shaped Progressbars

Installation

npm install jquery-circles-progressbar --save

Usage


<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
Circles-Progressbar

Related posts:

Plax
Reel
Stacky
circles-progressbar jquery plugin

http://jquer.in/wp-content/uploads/2015/07/circles-progressbar.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever