ProgressBar views for Ember.js
JavaScript Ruby
Pull request Compare This branch is 20 commits behind jamesarosen:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
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>