Custom Scroll Progress Indicator Bar – uScroll

Preview:

Description:

uScroll is a lightweight and standalone JavaScript plugin to create a custom reading progress bar that tracks the scroll events and auto updates the indicator bar depending on the current scroll position.

How to use it:

Load the uScroll’s main JavaScript and CSS files in the document.

<link rel="stylesheet" href="src/styles.min.css">
<script src="src/script.min.js></script>

Initialize the uScroll plugin. Parameters:

• position: ‘top’, ‘right’, ‘bottom’, ‘left’
• color: color
• scrollbar: whether to display the native scrollbar

// uScroll.bind(position, color, scrollbar)
uScroll.bind('top', 'blue', false);