ng-circular-progress

A doughnut animated progress bar for angularjs
Homepage:
1 person uses it
Author: 8408127?v=3 aladdindev

Angularjs Circular Progress Bar

A doughnut animated progress bar for angularjs

Getting Started

Download the minified version or the development version.

In your web page:

Options

You can specify a few options

| Option | Description |

| ---- | ---- | ---- |

| progress | This is the progress. It should be from 0.0 to 1.0. In case it is more than 1, it will be divided by 100 Default: 1 |

| animation-speed | The animation speed Default: 200 |

| size | The size of the canvas/circle Default: 100 |

| stroke-width | The width of the arc Default: 5 |

| stroke-color | The color of the arc Default: #c63d0f |

| text-color | The color of the progress text Default: #3b3738 |

Examples

Unit tests

Jasmine development framework is used for unit testing Current situation is: 8 specs, 0 failures

Browsers Compatibility

The module uses the canvas element, so it must be supported by desktop and mobile modern browsers.

Old browsers are currently not supported ( <= Internet Explorer 8 )

comments powered by Disqus
This page was last updated over 1 year ago.