Wraps the versatile ProgressBar.js in an Ember.js component.

ember install ember-progress-bar

{{ember-progress-bar}}

By default, ember-progress-bar renders a Line progress bar, but ProgressBar.js provides several other shapes, as well as an api for custom options. You can specify these with the shape attribute:

{{ember-progress-bar shape="Circle"}}

{{ember-progress-bar shape="SemiCircle"}}

{{ember-progress-bar shape="Path"}}

A float between 0 and 1, with 1 being progress complete:

{{ember-progress-bar progress=progress}}

A boolean, defaulting to false. If true, the component will render a number between 0 and 100, tracking the progress of the bar:

{{ember-progress-bar useDefaultStep=true}}

A hash of options, which are fed directly to ProgressBar.js. Consult their api for more info.

{{ember-progress-bar options=(hash strokeWidth=10 duration=1000)}}

An action which will be fired at animation end ( fired by animated callback ) to handle animation process.