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 repositorynpm 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:
Running Tests
npm test
(Runsember 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/.