ember-progress-bars

A simple Ember.js progress bar

Usage no npm install needed!

<script type="module">
  import emberProgressBars from 'https://cdn.skypack.dev/ember-progress-bars';
</script>

README

[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

Type Default
Number 0

Defines the progress value

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

secondary

Type Default
Boolean 0

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.