d-md-components/progress/README.md

A pack of components for Derby according to Google's Material Design based upon mdl (getmdl.io).

# Progress
A progressbar component.

Features
--------
- Progress bar styled according to material design, based on mdl.
- Undetermined progress.

Usage
-----
### Including
```javascript
var mdlComponents = require('d-md-components');

app.component(mdlComponents.Progress);
```

#### Template
```html
  <view 
    is="progress"
    as="$progress"
    class="extraClass"
    accent="#FF0000"
     />
  <button on-click="doTimeConsumingTask()">Load</button>
```

#### Controller
```javascript
Component.prototype.doTimeConsumingTask = function() {
  this.$progress.show();

  // Simulate task with callback
  var self = this;
  setTimeout(function () {
    self.$progress.hide();
  }, 3000);
};
```

Methods:
-----
### .show()
Shows the progressbar.

### .hide()
Hides the progressbar.

TODO:
-----
Add support for determined length progress bar (1-100%).