May 17, 2016
Scrollgress is a simple, lightweight jQuery plugin used to display a progress bar at the top of the page that fills up as the user scrolls.
Created by Michael Lynch
Inspired by Pitchfork, Scrollgress is a simple, lightweight jQuery plugin used to display a progress bar at the top of the page that fills up as the user scrolls.
Progress can be measured as the user scrolls the page or an element that has
overflow: scroll | auto
or overflow-y: scroll | auto
.
See a demo using an overflow element
Include jQuery and the plugin in the head or footer of your page.
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="/js/plugins/scrollgress.js"></script>
Initialize the plugin targeting the class, ID or element that you want to display the scroll progress of.
$('body').scrollgress();
$(function() {
$('.post').scrollgress({
height: '10px',
color: '#990000',
success: function() {
console.log('Scrollgress has been initiated.');
}
});
});
scrollgress
To install using Bower
bower install scrollgress
© 2021 jquer.in
Curated By Jay Kanakiya