Simple Custom Reading Indicator with jQuery - VerLim.js

File Size: 46.7 KB
Views Total: 1026
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple Custom Reading Indicator with jQuery - VerLim.js

VerLim.js is a small jQuery plugin that shows a progress bar with a scroll counter to indicate the reading progress of the whole web page as you scroll down.

How to use it:

1. Include the jQuery VerLim.js stylesheet in the head section of the web page.

<link rel="stylesheet" href="path/to/themeNUIwithCounter.css">

2. Initialize the plugin to create a default page scroll progress bar that sticks to the top of the window.

$(window).VerLim();

3. Customize the scroll bar.

active: "on",
autoHide: "off",
autoHideTime: "2",
color: "#52bad5",
position: "top",
thickness: "5px",
theme: "off",
shadow: "on"

Change log:

2015-07-24

  • Added new scrollTo method. Check the new examples in demo folder in the zip.
  • Demo update.

This awesome jQuery plugin is developed by pranayjoshicse. For more Advanced Usages, please check the demo page or visit the official website.