ember-scroll-progress

ember-scroll-progress

A simple ember addon component for displaying an amount a page is scrolled via a progress bar. Scroll the page to view this page's progress on top.

DEMO

Usage

  {{#ember-scroll-progress
    height=5
    color="red"
    reduceOffsetTopBy=85
  }}
    <!-- page content -->
  {{/ember-scroll-progress}}

Parameters

• height to customize the the height of the progress bar.
• color to provide a customizable color/color code for the progress bar.
• reduceOffsetTopBy to set the top offset based on the scroll container's top position inside the page.

Installation

• git clone <repository-url> this repository
• cd ember-scroll-progress
• npm install

Running

• ember serve
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:each to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit https://ember-cli.com/.