scroll-position-indicator

Displays a customizable scroll-position-indicator bar at the top of your webpage.

Demo

Usage

Link the scroll-position-indicator library using the script tag, and call the scrollPositionIndicator function with an optional object argument to customize the indicator bar.

<script src="path/to/scroll-position-indicator.min.js"></script>
<script>
  scrollPositionIndicator({
    height: `3px`,
    background: `#888888`,
    color: `turquoise`
  });
</script>

CDN

You can optionally use the CDN link to use the library. https://rawcdn.githack.com/gyrad/scroll-position-indicator/eed1fbddae4eb1b0f74460e06387a3378e1b0b5f/dist/scroll-position-indicator.min.js