Skip to content

dnstld/ember-progress-bars

Repository files navigation

[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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published