21 JQuery Progress Indicator Plugins

Topbar is site-wide progress indicator with following features:Tiny (1KB minified and gzipped), no dependencyPerfect for single-page/Turbolinks/pjax applicationsResponsivetopbar works with any browser that supports HTML5 Canvas.....
Plugins

A widget containing a list of suggested articles , with a reading progress indicator powered by SVG, CSS and jQuery. .....
CSS SVG Tutorial

Page Scroll reading progress indicator with javascript. .....
Core Java Script

Today we will be looking at a few techniques we can use to show scroll progress for users who are reading a page. This technique is being used on an increasing number of sites, and for good reason; it provides a contextual unders.....
SVG Tutorial

A jQuery/CSS/SVG based circular reading progress indicator that automatically updates on page scroll and always follows your cursor......
Reading-Progress-Indicator

A jQuery/CSS/SVG based smooth back to top button with a circular progress bar which indicates the current reading progress when scrolling down/up the webpage......
Reading-Progress-Indicator Back-to-top

Thrive is a lightweight jQuery plugin to create a button progress indicator (aka Ladda Button) that displays the current loading progress in an inline button. Ideal for submit/subscription/upload buttons......
Ladda-Button loading-indicator progress-bar

This is a small jQuery script that creates a sticky progress bar to visualize the current reading progress of a given article or the whole webpage......
Reading-Progress-Indicator progress-bar

ProgRange is a jQuery reading progress indicator plugin to create a range input based progress bar representing the current scroll position as you scroll down or up the web page......
progress-bar

svg-progress.js is a lightweight yet highly customizable jQuery plugin that helps you render an animated, SVG based progress indicator in any shapes......
progress-bar

Grasp Mobile Progress Circle is a jQuery plugin used for generating a circular, customizable, smoothly animated and canvas based progress bar to indicate the loading status......
progress-bar

The jQuery Advanced Scroll Progress Tracker plugin automatically generates a fixed scroll progress indicator from heading elements and allows linking between them......
Table-of-Contents

StepProgressBar is a lightweight jQuery plugin for rendering an animated, responsive, flexible progress bar with multiple steps on the webpage......
progress-bar

A super tiny jQuery text progress bar plugin that visualizes the loading progress by altering the filling color of characters of your text......
loading-indicator progress-bar

circleGraphic is a jQuery plugin that uses HTML5 canvas 2D API to draws an animated, circular progress indicator (gauge meter, dial) to represent percentage values......
progress-bar Canvas

jProgress is an ultra-light jQuery plugin for presenting your percentage data in animated, horizontal and customizable progress bars......
progress-bar bar-indicator

Circle Progress is a customizable jQuery plugin for visualizing your numeric data in an animated circular progress bar......
progress-bar Canvas

A tiny jQuery plugin to create a CSS3 powered circular scroll progress indicator that auto updates based on the current vertical scroll position of the page......
Reading-Progress-Indicator

A small jQuery plugin that draws an animated circular SVG progress bar with percentage to indicate the reading progress on your web page......
Reading-Progress-Indicator

An useful & human-friendly jQuery plugin for auto creating a table of contents for your long content page that comes with auto-update scrolling bars to present the progress while reading......
Table-of-Contents progress-bar TOC

Quote Rotator is a tiny jQuery component for creating a quote rotator widget with fade transitions and a slim progress indicator on your web page......
text-rotator news-ticker Quote banner-rotator