pageprogressjs v1.0.0

Installation

npm install pageprogress

Usage

import PageProgress from 'pageprogress';

const progress = new PageProgress({
  position: 'left',
  width: 8,
  color: '#000000'
});

progress.init();

If you want to remove the native scroll bar, add these lines to your main CSS file :

::-webkit-scrollbar {
  display: none;
}

body {
  -ms-overflow-style: none;
}

Options

Instance methods

init()

Add progress indicator to the DOM, listen to scroll event.

destroy()

Remove listener and progress indicator from the DOM.

Browser support

Works on most modern browsers. Chrome, Firefox, Safari, Edge... To get IE 11 support, you need polyfills.