0.2.1 • Published 8 years ago

ember-progress v0.2.1

Weekly downloads
3
License
MIT
Repository
github
Last release
8 years ago

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 nameTypeDescriptionDefault
progressNumberProgress in percentage (0-100).0
sizeNumberPixel width and height of the progress indicator.48
strokeWidthNumberPixel 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/.