Skip to content
A small pie progress indicator
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
LICENSE
README.md
bower.json
component.json
piegress.jquery.js

README.md

Piegress.js

A jQuery plugin for drawing small pie progress indicators

Demo

https://codepen.io/lastguest/pen/qEbQpG

Install

Use bower:

$ 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:

<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.

Something went wrong with that request. Please try again.