1.0.0-beta-13 • Published 4 years ago

ember-progress-bars v1.0.0-beta-13

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

wip ember-progress-bars Build Status npm Ember Observer Score

A simple Ember.js progress bar.

Compatibility

  • Ember.js v3.13 or above
  • Ember CLI v2.13 or above
  • Node.js v8 or above

Installation

ember install ember-progress-bars

Usage

The way to add the progress bar is with the <ProgressBars /> component:

<ProgressBars />
@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";

Options

The options are:

progress

TypeDefault
Number0

Defines the progress value

<ProgressBars @progress={{50}} />

secondary

TypeDefault
Boolean0

Defines the progress bar color to #6B7F94

<ProgressBars @secondary={{true}} />

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.