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.
Free jQuery progress bar Plugins
All the Free jQuery Plugins about 'progress bar' are listed here.
aria-progressbar is a jQuery plugin that helps you create a CSS3 animated, WAI-ARIA compliant progress bar to represent the percentage values in an user-friendly / accessible way.
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.
The jQuery Circle Bars plugin makes it easier to draw animated, customizable, circular progress bars and/or countdown timers using pure CSS/CSS3.
JSRadial is a very small jQuery plugin which lets you render a customizable progress/loading bar using SVG element and HTML attributes.
progresspieSVG is a simple yet robust jQuery plugin which renders pie or ring chart style progress bars or countdown timers using SVG element.
asProgress is a lightweight jQuery plugin used to render a customizable progress bar with subtle CSS3 transitions in a DIV element.
asPieProgress is a lightweight jQuery plugin that makes use of SVG to draw an animated pie chart-like circular progress bar with percentage and text label display.
Progression is an useful and user-friendly jQuery plugin that gives users real time hints & progress updates as they complete forms.
progressIndicator is a jQuery plugin that creates a customizable, animated top (or bottom) progress bar showing the current window scroll depth in percentage.
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.
LineProgressbar is a super tiny jQuery plugin that helps you create horizontal, animated, line chart-style progress bars with or without percentage values.
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.
Circle Progress is a jQuery plugin that makes use of canvas element to draw an animated circular gradient progress bar in your web page/app.
Barfiller.js is a jQuery plugin which uses CSS3 transitions to fill horizontal bars with percentage values you specify. .
svg-progress.js is a lightweight yet highly customizable jQuery plugin that helps you render an animated, SVG based progress indicator in any shapes.
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.
A jQuery & Bootstrap plugin used to dynamically generates easy-to-manipulate Bootstrap progress bars 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.
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.
scroll.js is a really simple jQuery plugin that creates a progress bar to indicate the user's current scroll position on your website.
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.
StepProgressBar is a lightweight jQuery plugin for rendering an animated, responsive, flexible progress bar with multiple steps on the webpage.
Goal Slider is a simple, lightweight jQuery plugin for generating a beautiful, responsive, animated slider to measure progress in your goals.
pBar is a really simple jQuery progress bar plugin which helps you visualize numeric data (percentage) into animated, inline bars.
jQuery progressBarWars is a simple (Star Wars Tribute), lightweight jQuery plugin that allows you to create animated horizontal progress meters.
A dead simple jQuery plugin that uses HTML5 canvas to render animated, customizable, circular pie chart for representing percentage values or progress status.
SVG Arc Creator is a jQuery plugin for rendering animated, SVG based circles / arcs which can be used as loading spinner or progress indicator.
A super tiny jQuery text progress bar plugin that visualizes the loading progress by altering the filling color of characters of your text.
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 simple, lightweight jQuery plugin for displaying a slim, collapsible and accessible progress bar for Bootstrap form to indicate the form completion progress.
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.
jProgress is an ultra-light jQuery plugin for presenting your percentage data in animated, horizontal and customizable progress bars.
Progress.js is a really simple jQuery plugin which draws an animated and fully customizable progress bar inside a SVG element.
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.
Circle Progress is a customizable jQuery plugin for visualizing your numeric data in an animated circular progress bar.
Progressbar.js is a jQuery plugin for creating custom and CSS3 animated progress bars that are auto triggered as they come into view.
circleProgressBar.js is a lightweight jQuery plugin used to create smooth, cross-browser circular progress bar / loading bar using Raphaël.js.
Circles is a jQuery plugin which allows to visualize numeric data (percentage or absolute numbers) in an animated circular progress bar.
progressTimer is a lightweight jQuery plugin for displaying a flexible timer bar to indicate the Ajax progress via Bootstrap progress bar component.
jQMeter is a tiny jQuery plugin to show the progress in percentage for a certain item in an animated, CSS styleable progress bar.
Circle Diagram is a super simple jQuery plugin which allows you to draw a customizable circular progress bar with percentage display by using CSS3 transforms.
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.
jmyloader is a jQuery plugin that creates a circular content loader at the top right of the screen to indicate the loading progress.
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.
Scrolline.js is a simple jQuery plugin that creates a dynamic progress bar for your audiences to indicate the reading/scroll position. More examples can be found in the zip.
A small jQuery plugin that creates an Youtube style top loading bar to visualize the Ajax loading progress.
html5loader is a jQuery plugin that has the ability to preload media files (images, videos, scripts, text files, etc...) from a JSON file with a customizable preloader that displays the loading progress bar/percentage.
Yet another jQuery plugin that renders a fully customizable progress bar to visualize the progression of page loads or Ajax requests.
In this article we're going to create a stylish progress bar animated with CSS3 and a little jQuery magic.
ProBars is a jQuery & jQuery UI plugin to create animated progress bars as they're scrolled into the viewport.
Progress Circle is a simple jQuery plugin that utilizes CSS3 transforms and transitions to draw a circular progress bar/indicator with percent text display.
ProgressButton is a simple jQuery plugin that allows you to create a button with built in progress indicator for async functions like content loader, file uploader, etc.
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.
goalProgress is a super tiny jQuery plugin to create an animated goal progress bar with prefix/suffix text support.
progressTimer is an easy-to-use jQuery plugin which makes use of Bootstrap 3 progress bar component to create an animated progress timer with CSS3 transitions and striped effects.
Thermometer is an easy and fast jQuery plugin for creating an vertical or horizontal progress bar with custom animations, which can be used for thermometer, loading bar, or progress meter.
ytLoad is a jQuery plugin inspired by youtube.com that creates a slim progress bar with smooth CSS3 transitions at the top of your web page for ajax content loading.
NProgress is a tiny jQuery plugin for creating a slim and nanoscopic progress bar which features realistic trickle animations to convince your users that something is happening.
Rotator is a simple jQuery plugin for creating a circular loading bar (progress bar) with percentage display and callback events support.
A Progress Bar implemented entirely using CSS 3 gradients, shadows, and border-radius, with a touch of animation. This progress bar will work in the latest version of all major browsers to provide full compatibility with animation, gradients