The Progress bar jQuery plugin can be used to detect and visualize the current status of page loading, scroll progress, reading progress, and much more. In this blog post you will find the top 50 best jQuery Progress Bar plugins for both desktop and mobile web design. I hope you like it.
Top 50 jQuery Progress Bar Plugins:
Circle Charts is a lightweight jQuery plugin to draws a CSS3 powered, animated, smooth circular chart/loader/progress bar that shows the data/progress in percentage.
A dead simple jQuery plugin that uses HTML5 canvas to render animated, customizable, circular pie chart for representing percentage values or progress status.
Radial Progress Bar is a lightweight jQuery plugin that uses plain HTML and CSS to draw animated, highly customizable, circular progress bars to visualize your percentage values.
Circle Progress is a customizable jQuery plugin for visualizing your numeric data in an animated circular progress bar.
SVG Arc Creator is a jQuery plugin for rendering animated, SVG based circles / arcs which can be used as loading spinner or progress indicator.
jQMeter is a tiny jQuery plugin to show the progress in percentage for a certain item in an animated, CSS styleable progress bar.
circleProgressBar.js is a lightweight jQuery plugin used to create smooth, cross-browser circular progress bar / loading bar using Raphaël.js.
Just another jQuery & HTML5 canvas based circular progress bar which visualizes the percent value in an animated circle with a custom counter.
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.
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.
progresspieSVG is a simple yet robust jQuery plugin which renders pie or ring chart style progress bars or countdown timers using SVG element.
Barfiller.js is a jQuery plugin which uses CSS3 transitions to fill horizontal bars with percentage values you specify. .
Progress.js is a really simple jQuery plugin which draws an animated and fully customizable progress bar inside a SVG element.
StepProgressBar is a lightweight jQuery plugin for rendering an animated, responsive, flexible progress bar with multiple steps on the webpage.
barCharts is a very small jQuery plugin used to render an animated, horizontal or vertical bar chart / progress bar using plain HTML and CSS.
A super tiny jQuery text progress bar plugin that visualizes the loading progress by altering the filling color of characters of your text.
Progressbar.js is a jQuery plugin for creating custom and CSS3 animated progress bars that are auto triggered as they come into view.
Progressbar.js is a very small jQuery plugin that helps you render a responsive progress bar with custom dynamic steps for multi-step sign up forms.
imgProgress is a tiny yet customizable jQuery plugin for drawing SVG based circular progress bar / right chart with custom images to present the percentage values.
LineProgressbar is a super tiny jQuery plugin that helps you create horizontal, animated, line chart-style progress bars with or without percentage values.
A jQuery plugin that creates a reading indicator for your long webpage to indicate the scroll progress and the current content section you're viewing.
CircletPreloader is a jQuery plugin that utilizes canvas 2D drawing API to draw an animated, circular progress indicator for representing percentage value in an elegant way.
A jQuery & Bootstrap plugin used to dynamically generates easy-to-manipulate Bootstrap progress bars on the webpage.
Circles is a jQuery plugin which allows to visualize numeric data (percentage or absolute numbers) in an animated circular progress bar.
pBar is a really simple jQuery progress bar plugin which helps you visualize numeric data (percentage) into animated, inline bars.
A lightweight and simple-to-use jQuery plugin which lets you generate animated, canvas based progress bars with custom gradient fills.
Hexagon Progress is a lightweight and customizable jQuery plugin for creating animated hexagon progress bars using Canvas 2D API.
jProgress is an ultra-light jQuery plugin for presenting your percentage data in animated, horizontal and customizable progress bars.
The jQuery Circle Bars plugin makes it easier to draw animated, customizable, circular progress bars and/or countdown timers using pure CSS/CSS3.
scroll.js is a really simple jQuery plugin that creates a progress bar to indicate the user's current scroll position on your website.
Just another jQuery plugin for generating a top progress bar that auto fills up as the user scrolls to indicate the current scroll / reading position.
A super tiny jQuery plugin for creating a fixed progress bar to indicate the page scroll progress based on your content.
The jQuery Advanced Scroll Progress Tracker plugin automatically generates a fixed scroll progress indicator from heading elements and allows linking between them.
jmyloader is a jQuery plugin that creates a circular content loader at the top right of the screen to indicate the loading progress.
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.
jQuery progressBarWars is a simple (Star Wars Tribute), lightweight jQuery plugin that allows you to create animated horizontal progress meters.
lqip.js is a super tiny jQuery plugin used to progressively load large images with a blur effect to improve the page load time. Similar to the Medium.com's image loading effect.
Scroll Indicator is a super tiny jQuery plugin for creating a slim, responsive reading progress bar that increases with the scroll of the container.
daterangeBar is a minimal jQuery plugin that visualizes date range into an easy-to-style progress bar, for example: today (Jan. 11) is 33% of January.
The timed-page-loader.js jQuery plugin helps you create a horizontal/vertical loading bar that indicates the remaining time when you document automatically loads the next page via AJAX requests.
A lightweight and easy-to-use jQuery plugin used to draw an animated, fully customizable & styleable, circular progress bar using SVG element.
progressIndicator is a jQuery plugin that creates a customizable, animated top (or bottom) progress bar showing the current window scroll depth in percentage.
svg-progress.js is a lightweight yet highly customizable jQuery plugin that helps you render an animated, SVG based progress indicator in any shapes.
Just another jQuery scroll progress indicator plugin which keeps track of scroll events and visualizes the scroll depth into a slim progress bar at the top of the webpage.