https://github.com/caffeinalab/piegress.js
A small pie progress indicator
https://github.com/caffeinalab/piegress.js
Last synced: 8 months ago
JSON representation
A small pie progress indicator
- Host: GitHub
- URL: https://github.com/caffeinalab/piegress.js
- Owner: caffeinalab
- License: mit
- Created: 2014-12-09T16:44:57.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-12-10T14:48:38.000Z (over 11 years ago)
- Last Synced: 2025-10-22T09:41:41.358Z (8 months ago)
- Language: JavaScript
- Size: 434 KB
- Stars: 9
- Watchers: 6
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Piegress.js
========
A jQuery plugin for drawing small pie progress indicators
### Demo
https://codepen.io/lastguest/pen/qEbQpG
### Install
Use bower:
```bash
$ bower install piegress
```
### Options
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:
```html
```
```javascript
$(".loader").Piegress();
```
Passing options on init:
```html
```
```javascript
$(".loader").Piegress({
value: 43,
color: '#fff',
size: 35
});
```
### Change value
Progress is in range 0-100
```javascript
$(".loader").data('Piegress').setProgress(100 * Math.random());
```
## Copyright and license
Copyright 2014 [Caffeina](http://caffeina.co) srl under the [MIT license](LICENSE.md).
