readingbar
v1.0.5
Published
A simple progress bar that indicates the length & your current reading position of an article/page
Downloads
10
Readme
readingbar (jQuery plugin)
A simple progress bar that indicates the length & your current reading position of an article/page
Adding it to your site
Install it using npm npm install readingbar
or download the script file from the repo.
// select the element you wish to track (ie. in a blog post target only the container of the actual post content)
$('.article').readingbar();
Options
// you can set the text indicator, height and the color of the bar.
$('.article').readingbar({
counter: false, // Set to `true` if you want to display a % value for progress
height: '10px', // Height of the bar
backgroundColor: '#22252C' // Color of the bar
});
Customize
You can add your own styles by adding properties to the following classes: .read-bar
(bar) & .read-text
(% text).