Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
ProgressBar views for Ember.js
Branch: master
Pull request Compare This branch is 21 commits behind jamesarosen:master.

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
lib
spec/javascripts
.gitignore
.jshintrc
Gemfile
Gemfile.lock
LICENSE
README.md
Rakefile
component.json
index.js
package.json

README.md

Ember-ProgressBars

This component provides progress bar views for Ember.js that are compatible with http://twitter.github.com/bootstrap/.

Installation

With http://twitter.github.com/bower/:

  1. add "ember-progressbars" to your project's component.json
  2. run bower install

Usage

The simplest thing that will work:

<h3>Progress:</h3>
{{view Em.ProgressBars.Bar
       percentBinding="App.jobController.percentComplete"}}
<h3>Progress:</h3>
<div class="progress">
  <div class="bar" style="width: 48%;"></div>
</div>

To add classes to the .progress container element (like progress-striped or active), add them with classNames. The container will retain the .progress class.

{{view Em.ProgressBars.Bar classNames="progress-striped" ...}}
<div class="progress progress-striped">
  ...
</div>

Setting the "status" property on a Bar will cause the contained .bar element to gain the class .bar-{status}:

{{view Em.ProgressBars.Bar status="warning" ...}}
<div class="progress">
  <div class="bar bar-warning"...></div>
</div>
Something went wrong with that request. Please try again.