Piegress.js
A jQuery plugin for drawing small pie progress indicators
Demo
https://codepen.io/lastguest/pen/qEbQpG
Install
Use bower:
$ bower install piegressOptions
| Key | Description | Default |
|---|---|---|
value |
The starting value of progress indicator | 0 |
size |
The size in pixels of the widget | 50 (px) |
color |
The base color of the widget (the middle will be in 50% opacity) | black |
speed |
The animation delay | 8 (ms) |
Example
Inline options:
<span class="loader" data-value="43" data-color="white" data-size="35"></span>$(".loader").Piegress();Passing options on init:
<span class="loader"></span>$(".loader").Piegress({
value: 43,
color: '#fff',
size: 35
});Change value
Progress is in range 0-100
$(".loader").data('Piegress').setProgress(100 * Math.random());Copyright and license
Copyright 2014 Caffeina srl under the MIT license.

