Scrollgress - Display a progress bar at the top

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.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE JS FILES

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="/js/plugins/scrollgress.js"></script>

2. HTML

<div class="wrapper">
	<h1>Lorem Ipsum</h1>
	...
</div>

3. JAVASCRIPT

$('.wrapper').scrollgress({
	success: function() {
		console.log('Scrollgress has been initiated.');
	}
});

4. OPTIONS

• height: "Npx" 
  A string that defines the height of the progress bar in pixels (default: '5px').
• color: color 
  A string that defines the color of the progress bar (default: '#ff0000').
• success: function() 
  A callback function that runs after scrollgress has been initiated (default: function()).

Example:

$(function() {

    $('.post').scrollgress({
        height: '10px',
        color: '#990000',
        success: function() {
            console.log('Scrollgress has been initiated.');
        }
    });

});