Minimalist Scroll Position / Reading Progress Indicator – scrollpup.js

Preview:

Description:

The scrollpup.js library lets you create a top progress bar to visualize the reading progress of your page/article/post when scrolling down or up the webpage. Written in ES6.

How to use it:

Download and insert the minified version of the scrollpup.js library into the document.

<script src="./dist/scrollpup.js"></script>

Initialize the scrollpup.js and the plugin will take care of the rest.

scrollpup();

Set the height of the reading progress indicator. Default: 10px.

scrollpup({
  height: '5px'
});

Customize the background color of the reading progress indicator.

scrollpup({
  background: 'linear-gradient(to right, #36d1dc, #5b86e5)'
});