A simple Ember.js progress bar.
- Ember.js v3.13 or above
- Ember CLI v2.13 or above
- Node.js v8 or above
ember install ember-progress-bars
The way to add the progress bar is with the <ProgressBars />
component:
@import "ember-progress-bars";
Custom SCSS variables
$progress-bars-height: .5rem !default;
$progress-bars-radius: .25rem !default;
$progress-bars-background: #f1f1f1 !default;
$progress-bars__bar-primary: #2c2c34 !default;
$progress-bars__bar-secondary: #6B7F94 !default;
$progress-bars__bar-duration: .3s !default;
$progress-bars__bar-timing: ease-in-out !default;
@import "ember-progress-bars";
The options are:
Type | Default |
---|---|
Number | 0 |
Defines the progress value
<ProgressBars @progress={{50}} />
Type | Default |
---|---|
Boolean | 0 |
Defines the progress bar color to #6B7F94
<ProgressBars @secondary={{true}} />
See the Contributing guide for details.
This project is licensed under the MIT License.