Minimal Page Scroll Position Indicator – youAreHere.js

youAreHere.js is a very small (~1kb minified) JavaScript library for generating an auto-update progress bar that indicates where are you when you scroll down or up the web page.

How to use it:

Include the youarehere.js script from dist folder.

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

Initialize the scroll position indicator with customization options.

youAreHere({
  // height of the scroll position indicator
  // accepts values in px, %, and rem
  height: '60px' ,
  // indicator color
  color: '#2e2e2e',
  // enable easing effect
  easing: true
  
});