Simple Custom Reading Indicator with jQuery - VerLim.js
File Size: | 46.7 KB |
---|---|
Views Total: | 1032 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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.