Ember Progress

Ember Progress is an Ember addon for displaying dead-simple progress indicators.

Installation

As an addon

ember install ember-progress

For development

git clone this repository
npm install
bower install

Usage

This addon provides a component for rendering a circular progress indicator.

The component can be used in templates as follows, assuming that progress is a number between 0 and 100:

{{progress-circle progress=progress}}

Properties that the component understands are summarized in the table below.

Property name	Type	Description	Default
`progress`	Number	Progress in percentage (0-100).	0
`size`	Number	Pixel width and height of the progress indicator.	48
`strokeWidth`	Number	Pixel width of the progress arc.	2

The progress indicator can be styled in CSS by targeting the .progress circle selector. For instance, the following will change the color of the progress indicator to red:

.progress circle {
  stroke: red;
}

Running Tests

npm test (Runs ember try:testall to test your addon against multiple Ember versions)
ember test
ember test --server

Building

ember build

For more information on using ember-cli, visit http://ember-cli.com/.