🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

article-progress is a jQuery plugin used to create custom progress bars that indicate the current reading progress of a given article & blog post or the whole webpage.

Reading-Progress-Indicator

Documentation

jquery.article-progress

A lightweight jQuery plugin to indicate the reading progress of the main article. It supports three different types:

  1. "width" -> adjusts the width of an element (progress bar mode)
  2. "text" -> displays the progress as percentage
  3. "circle" -> shows a pie chart with the progress (can be transformed in to a donut!)

Live demo

See live demo

How to Use

  1. Add jquery.article-progress.js to your project.

  2. Initalize by calling $('article').articleProgress();

See more examples in example.html.


You May Also Like