ngPercentDisplay

ngPercentDisplay works via AngularJS, jQuery, and the HTML5 canvas utility, creating circle-based progress indicators.

These are not fully-functional preloaders, but with a little bit of JavaScript magic they can certainly be turned into them.

Developers can adjust the circle's current fill status, the presence of a percentage indicator in its center, and the colors used for the fill and empty states.

The size of the component can also be adjusted, and since everything is rendered out using the canvas element, responsive layouts can easily be supported if needed.

A small demo is included with the ngPercentDisplay download package.

Requirements:

• Google Chrome