clean up README; add status and class info

README.md

@@ -1,6 +1,6 @@
-## Ember-Progressbars
+## Ember-ProgressBars
 
-This component provides Progressbar views for [Ember.js](http://emberjs.com/)
+This component provides progress bar views for [Ember.js](http://emberjs.com/)
 that are compatible with
 [http://twitter.github.com/bootstrap/](Twitter-Bootstrap).
 
@@ -13,8 +13,44 @@ With [http://twitter.github.com/bower/](Bower):
 
 ### Usage
 
+The simplest thing that will work:
+
 ```handlebars
 <h3>Progress:</h3>
-{{view Em.Progressbars.Bar
+{{view Em.ProgressBars.Bar
        percentBinding="App.jobController.percentComplete"}}
 ```
+
+```html
+<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.
+
+```handlebars
+{{view Em.ProgressBars.Bar classNames="progress-striped" ...}}
+```
+
+```html
+<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}`:
+
+```handlebars
+{{view Em.ProgressBars.Bar status="warning" ...}}
+```
+
+```html
+<div class="progress">
+  <div class="bar bar-warning"...></div>
+</div>
+```