Custom Scroll Progress Indicator Bar – uScroll

Category: Javascript , Loading | December 1, 2017
Views Total:741 views
Official Page:Go to website
Last Update:December 1, 2017


Custom Scroll Progress Indicator Bar – uScroll


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);

You Might Be Interested In:

Leave a Reply