jQuery Plugin To Display Scroll Reading Progress Indicator

ProgressScroll is a jQuery plugin that creates a reading indicator for your long web page to indicate scrolling progress and the current section of content you are viewing.

animated progress bar on scroll, reading progress bar jquery, vertical scroll progress indicator, html read progress bar, elementor reading progress bar, page progress indicator

How to make use of it:

1. Load the jquery.progressScroll.js script after the jQuery library.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="scripts/jquery.progressScroll.js"></script>

2. Call the function in the container where you want to show the reading progress indicator.

$('.wrapper').progressScroll({
  // OPTIONS HERE
});

3. Custom options for reading progress indicator.

$('.wrapper').progressScroll({
  fontSize : 20,
  fontFamily : 'sans-serif',
  color : '#009ACF',
  height : '5px',
  textArea : 'dark',
});

Display A Reading Progress Indicator On Scroll, progressScroll.jquery Plugin/Github


See Demo And Download

Official Website(deartrudence): Click Here

This superior jQuery/javascript plugin is developed by deartrudence. For extra advanced usage, please go to the official website.

Share