ember-progress

0.2.1 • Public • Published

Ember Progress npm version Build Status Ember Observer Score

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

Example of a circular progress indicator

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

Readme

Keywords

Package Sidebar

Install

npm i ember-progress

Weekly Downloads

12

Version

0.2.1

License

MIT

Last publish

Collaborators

  • simenheg