ember-progress-bar

An Ember.js wrapper and component for ProgressBar.js.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
ember-progress-bar
921.0.05 years ago7 years agoMinified + gzip package size for ember-progress-bar in KB

Readme

npm version Build Status
ember-progress-bar
Wraps the versatile ProgressBar.js in an Ember.js component.

Installation

ember install ember-progress-bar

Usage

{{ember-progress-bar}}

shape

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"}}

progress

A float between 0 and 1, with 1 being progress complete:
{{ember-progress-bar progress=progress}}

setProgress

The initial progress that the bar will render with.
{{ember-progress-bar setProgress=0.5}}

useDefaultStep

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}}

options

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)}}

onAnimationComplete

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