Free jQuery progress bar Plugins
All the Free jQuery Plugins about 'progress bar' are listed here.
10 Best Circular/Radial Progress Bar JavaScript Plugins (2025 Update)
- jQuery Script Blog - 160188 Views10 best free jQuery, Vanilla JavaScript, and Pure CSS libraries that let you create circular (radial) progress bars to visualize percentage values for progress, statistics, loading state, and much more. Have fun.
10 Best Progress Bar (Linear) Components In JavaScript & CSS (2025 Update)
- jQuery Script Blog - 56317 ViewsThe 10 best (top downloaded) progress bar components implemented in jQuery, Vanilla JavaScript and Pure CSS/CSS3.
Dynamic Pie Chart-style Progress Bar with jQuery and SVG - progresspieSVG
- Chart & Graph - 16202 ViewsprogresspieSVG is a simple yet robust jQuery plugin which renders pie or ring chart style progress bars or countdown timers using SVG element.
Animated Donut/Pie/Ring Charts With jQuery And SVG - Donutty
- Chart & Graph - 16155 ViewsDonutty is a JavaScript/jQuery charting library which lets you generate smoothly animated, fully scalable Donut/Pie/Ring Charts or Circular/Radial progressbars using SVG and CSS3 animations.
Customizable Radial Progress Bar Plugin With jQuery
- Loading - 23912 ViewsRadial 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.
Create Percentage Circles with jQuery and CSS3 - percircle.js
- Loading - 67518 Viewspercircle.js is a lightweight jQuery script used to create a pure CSS circle / ring to represent percentage data using CSS3 transforms and a little JavaScript.
Automatic Page Load & Ajax Request Progress Bar - Pace.js
- Loading - 79065 ViewsPace.js is a lightweight (~4kb minified and gzipped) and standalone JavaScript library to create beautiful progress indicators for your page load and ajax request.
Minimalist Dynamic Progress Bar In jQuery - jsRapBar
- Loading - 7116 ViewsThe jsRapBar jQuery plugin lets you create a minimal yet customizable horizontal progress bar that has the ability to update the progress dynamically.
Google Like Slim Progress Bar Plugin - NProgress
- Loading - 22335 ViewsNProgress 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.
Animated Circle To Represent Percentage - jQuery jCirclize
- Loading - 9455 ViewsjCirclize is a small yet customizable jQuery percentage/progress gauge plugin that draws an animated circle/ring on a canvas element to represent percentage data.
Vertical Scroll Progress Indicator - jQuery WS-ScroLi
- Other - 7777 ViewsThe WS-ScroLi jQuery plugin helps you create a vertical step progress bar that automatically fills the bar on scroll to indicate the current page sections you're viewing on.
Form Submit Buttons with Built-in Loading Indicators - Ladda
- Loading - 71201 ViewsLadda is a javascript loading library for creating buttons with built-in loading indicators (spinner and loading bar).
Dynamic Multi-step Progress Bar In jQuery - easy-progress
- Other - 14814 Viewseasy-progress is a really small jQuery plugin that dynamically renders a multi-step progress bar with number and counter on the webpage.
Minimal Customizable jQuery Progress Bar Plugin - LineProgressbar
- Chart & Graph - 19643 ViewsLineProgressbar is a super tiny jQuery plugin that helps you create horizontal, animated, line chart-style progress bars with or without percentage values.
Create Countdown Timers Using Bootstrap 4 Progressbar - progressBarTimer
- Time & Clock - 19823 ViewsprogressBarTimer is a jQuery plugin that lets you create smooth, customizable countdown timers or loading progress bars using Bootstrap 4's progress bar component.
Minimal Page Scroll Progress Bar Plugin - jquery.progress.js
- Other - 2918 ViewsThe progress.js jQuery plugin lets you create a customizable slim page scroll progress bar on the top of bottom of the webpage.
Smooth Progress Gauge Plugin With jQuery And CSS3 - simpleGauge.js
- Chart & Graph - 10062 ViewssimpleGauge.js is a small jQuery plugin which lets you create minimal, clean, smooth gauge meters to represent percentage values on the webpage.
Button Progress Indicator With jQuery - Thrive
- Loading - 1991 ViewsThrive 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.
Show Progress/Loading Status As Circle - jQuery Circlos
- Loading - 8721 ViewsCirclos is a lightweight jQuery circular progress bar/loading indicator plugin that draws a partially filled circle for visualizing percentage data.
Percentage Loader - jQuery Progress Bar Plugin
- Loading - 47870 ViewsA stylish loading plugin built with jQuery for displaying progress bar with percentage and remaining file size in a visual and engaging way.
Form Completion Progress Bar With jQuery - FormProgressBar
- Form - 10144 ViewsThe FormProgressBar jQuery plugin creates a sticky, animated, auto-update progress bar (with or without percentage values) to indicate how many required form fields have been filled out.
3D Water Tank Progressbar & Column Chart Plugin - jQuery waterTank
- Chart & Graph - 191 ViewsThe jQuery waterTank plugin makes uses of JavaScript, CSS3, and HTML5 canvas element to create 3D Water Tank style progress bars or column charts that will ripple by cursor interaction.
Animated Radial Progress Bars With jQuery, SVG And CSS3
- Loading - 34150 ViewsjQuery, SVG and CSS3 based radial progress bars that automatically activate the progress animation on scroll.
Canvas Based Step Progress Bar With jQuery - Stepbar
- Form - 11069 ViewsStepbar is a tiny jQuery plugin that lets you render a horizontal, dynamic progress indicator with custom steps. Useful in step-by-step sign-up form wizard.
Wraparound Scroll Position Progress Bar With jQuery
- Other - 1328 ViewsA wraparound progress bar that automatically updates based on the current scroll position as you scroll down or scroll up the webpage. Built with jQuery and plain HTML/CSS.
Sticky Reading Progress Bar With jQuery - progressBar.js
- Other - 1634 ViewsThe progressBar.js jQuery plugin creates a sticky, customizable reading progress bar to visualize the remaining reading time of a given article or the whole webpage as you scroll down.
jQuery Plugin For SVG Progress Circle - ProgressCircle
- Loading - 19869 ViewsProgressCircle is a lightweight jQuery plugin used to render animated, dynamic circular progress indicators using SVG and CSS.
Animated Radial Progress Bar With jQuery And CSS3
- Loading - 11808 ViewsA customizable, circular, CSS3 animated progress bar plugin for jQuery that can be used to display progress, completion, percentage, loading status, etc.
Minimal HTML5 Donut Chart Plugin For jQuery - DonutWidget
- Chart & Graph - 9741 ViewsDonutWidget is a simple plain jQuery plugin to present your data (e.g. progress percentage) in a doughnut/ring chart that is fully configurable via HTML data attributes.
Minimal Accessible Progress Bar Plugin With jQuery - aria-progressbar
- Loading - 5878 Viewsaria-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.
Sticky Scrolling/Reading Progress Indicator With jQuery
- Other - 3290 ViewsThis 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.
jQuery & Html5 Based Preloader Plugin - html5loader
- Other - 17532 Viewshtml5loader 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.
Range Input Based Scroll Progress Indicator - jQuery ProgRange
- Other - 2678 ViewsProgRange 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.
Circular Progress Bar And Countdown Timer With jQuery - circlebars
- Loading - 35126 ViewsThe jQuery Circle Bars plugin makes it easier to draw animated, customizable, circular progress bars and/or countdown timers using pure CSS/CSS3.
Radial Progress Bar With jQuery And SVG - JSRadial
- Other - 1689 ViewsJSRadial is a very small jQuery plugin which lets you render a customizable progress/loading bar using SVG element and HTML attributes.
Simple Animated Progress Bar with jQuery and CSS3 - asProgress
- Loading - 31781 ViewsasProgress is a lightweight jQuery plugin used to render a customizable progress bar with subtle CSS3 transitions in a DIV element.
Animated Circle Progress Bar with jQuery and SVG - asPieProgress
- Loading - 74166 ViewsasPieProgress 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.
Real Time Hints & Progress For Forms - jQuery Progression
- Form - 3786 ViewsProgression is an useful and user-friendly jQuery plugin that gives users real time hints & progress updates as they complete forms.
Animated SVG Progress Bar For jQuery/JavaScript/Angular
- Loading - 5813 ViewsThis is a simple, animated, SVG based circular progress bar component which can be implemented in jQuery, JavaScript and AngularJS.
jQuery Plugin To Show Window Scroll In Percentage - progressIndicator
- Other - 1576 ViewsprogressIndicator is a jQuery plugin that creates a customizable, animated top (or bottom) progress bar showing the current window scroll depth in percentage.
AJAX Page Loader Plugin With jQuery - timed-page-loader.js
- Loading - 4432 ViewsThe 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.
jQuery Circular Progress Bar With Text Counter
- Loading - 42749 ViewsJust another jQuery & HTML5 canvas based circular progress bar which visualizes the percent value in an animated circle with a custom counter.
Responsive jQuery Progress Bar With Steps - Progressbar.js
- Form - 17267 ViewsProgressbar.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.
Animated Circular Progress Bar with jQuery and Canvas - Circle Progress
- Other - 69633 ViewsCircle Progress is a jQuery plugin that makes use of canvas element to draw an animated circular gradient progress bar in your web page/app.
Responsive Animated Progress Bar With jQuery And CSS3 - Barfiller.js
- Chart & Graph - 22456 ViewsBarfiller.js is a jQuery plugin which uses CSS3 transitions to fill horizontal bars with percentage values you specify. .
Highly Customizable SVG Progress Indicator For jQuery - svg-progress.js
- Loading - 2001 Viewssvg-progress.js is a lightweight yet highly customizable jQuery plugin that helps you render an animated, SVG based progress indicator in any shapes.
Animated Circular Progress Indicator Plugin With jQuery And Canvas
- Loading - 13342 ViewsGrasp 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.
jQuery Plugin To Manipulate Bootstrap Progress Bars
- Loading - 7641 ViewsA jQuery & Bootstrap plugin used to dynamically generates easy-to-manipulate Bootstrap progress bars on the webpage.
Simple Plain Bar Chart Plugin With jQuery - barCharts
- Chart & Graph - 9786 ViewsbarCharts is a very small jQuery plugin used to render an animated, horizontal or vertical bar chart / progress bar using plain HTML and CSS.
Circular Image Progress Bar Plugin With jQuery - imgProgress
- Loading - 7745 ViewsimgProgress is a tiny yet customizable jQuery plugin for drawing SVG based circular progress bar / right chart with custom images to present the percentage values.
Responsive Scroll Position Indicator Plugin With jQuery - scroll.js
- Other - 2722 Viewsscroll.js is a really simple jQuery plugin that creates a progress bar to indicate the user's current scroll position on your website.
Animated Step Progress Indicator With jQuery - StepProgressBar
- Other - 13210 ViewsStepProgressBar is a lightweight jQuery plugin for rendering an animated, responsive, flexible progress bar with multiple steps on the webpage.
Beautiful Goal Progress Slider Plugin With jQuery - Goal Slider
- Slider - 4443 ViewsGoal Slider is a simple, lightweight jQuery plugin for generating a beautiful, responsive, animated slider to measure progress in your goals.
Minimal Animated Progress Bar Plugin With jQuery - pBar
- Loading - 3394 ViewspBar is a really simple jQuery progress bar plugin which helps you visualize numeric data (percentage) into animated, inline bars.
Animated Star Wars Progress Meter Plugin with jQuery - progressBarWars
- Loading - 2060 ViewsjQuery progressBarWars is a simple (Star Wars Tribute), lightweight jQuery plugin that allows you to create animated horizontal progress meters.
Circular Pie Chart & Progress Bar Plugin with jQuery and Canvas
- Chart & Graph - 32041 ViewsA dead simple jQuery plugin that uses HTML5 canvas to render animated, customizable, circular pie chart for representing percentage values or progress status.
Animated Circle / Arc Generator with jQuery and SVG - SVG Arc Creator
- Loading - 13488 ViewsSVG Arc Creator is a jQuery plugin for rendering animated, SVG based circles / arcs which can be used as loading spinner or progress indicator.
Minimalist Text Loading Progress Indicator Plugin - txtProgress
- Loading - 6422 ViewsA super tiny jQuery text progress bar plugin that visualizes the loading progress by altering the filling color of characters of your text.
Animated Circular Loader Plugin with jQuery and Canvas - CircletPreloader
- Loading - 4215 ViewsCircletPreloader 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.
Simple jQuery Progress Bar For Form Completion - Progress Bar
- Form - 10171 ViewsA simple, lightweight jQuery plugin for displaying a slim, collapsible and accessible progress bar for Bootstrap form to indicate the form completion progress.
Minimalist Graphical Progress Indicator with jQuery and Canvas - circleGraphic
- Loading - 12609 ViewscircleGraphic is a jQuery plugin that uses HTML5 canvas 2D API to draws an animated, circular progress indicator (gauge meter, dial) to represent percentage values.
Minimal Horizontal Progress Indicator Plugin with jQuery - jProgress
- Loading - 3022 ViewsjProgress is an ultra-light jQuery plugin for presenting your percentage data in animated, horizontal and customizable progress bars.
SVG Based Progress Bar Plugin For jQuery - Progress.js
- Loading - 12736 ViewsProgress.js is a really simple jQuery plugin which draws an animated and fully customizable progress bar inside a SVG element.
Dynamic Circular Progress Bar with jQuery and CSS3
- Loading - 128860 ViewsJust another jQuery plugin which uses JavaScript and CSS3 transforms to draw an animated progress (loading) bar representing a given percent value.
jQuery Plugin To Create Animated Gradient Progress Bars
- Loading - 5366 ViewsA lightweight and simple-to-use jQuery plugin which lets you generate animated, canvas based progress bars with custom gradient fills.
Canvas Based Hexagon Progress Bar Plugin with jQuery - Hexagon Progress
- Loading - 4318 ViewsHexagon Progress is a lightweight and customizable jQuery plugin for creating animated hexagon progress bars using Canvas 2D API.
jQuery Plugin For Circular Progress Indicators - Circle Progress
- Loading - 17441 ViewsCircle Progress is a customizable jQuery plugin for visualizing your numeric data in an animated circular progress bar.
Custom Viewport Based jQuery Progress Bar Plugin - Sonny ProgressBar
- Loading - 6362 ViewsProgressbar.js is a jQuery plugin for creating custom and CSS3 animated progress bars that are auto triggered as they come into view.
Smooth Circular Progress Bar with jQuery and Raphaël.js
- Loading - 12862 ViewscircleProgressBar.js is a lightweight jQuery plugin used to create smooth, cross-browser circular progress bar / loading bar using Raphaël.js.
Basic jQuery Circular Progress Bar Plugin - Circles
- Loading - 4293 ViewsCircles is a jQuery plugin which allows to visualize numeric data (percentage or absolute numbers) in an animated circular progress bar.
SVG Based Circular Progress Bar Plugin For jQuery
- Loading - 1560 ViewsA lightweight and easy-to-use jQuery plugin used to draw an animated, fully customizable & styleable, circular progress bar using SVG element.
Ajax Progress Bar Plugin with jQuery and Bootstrap - progressTimer
- Loading - 51283 ViewsprogressTimer is a lightweight jQuery plugin for displaying a flexible timer bar to indicate the Ajax progress via Bootstrap progress bar component.
Animated Customizable Progress Meter Plugin For jQuery - jQMeter
- Loading - 14602 ViewsjQMeter is a tiny jQuery plugin to show the progress in percentage for a certain item in an animated, CSS styleable progress bar.
Customizable Circular Progress Bar with jQuery and CSS3 - Circle Diagram
- Other - 32214 ViewsCircle Diagram is a super simple jQuery plugin which allows you to draw a customizable circular progress bar with percentage display by using CSS3 transforms.
jQuery Plugin To Display A Reading Progress Indicator On Scroll
- Other - 3984 ViewsA jQuery plugin that creates a reading indicator for your long webpage to indicate the scroll progress and the current content section you're viewing.
Create Pretty & Animated Donut Charts with jQuery and Chart.js
- Chart & Graph - 28848 ViewsA jQuery plugin to draw animated, doughnut chart style, circular progress indicators using Html5 canvas and chart.js JavaScript library.
Circular Corner Loader with jQuery and CSS3 - jmyloader
- Loading - 2216 Viewsjmyloader is a jQuery plugin that creates a circular content loader at the top right of the screen to indicate the loading progress.
Smooth Circle Chart Plugin with jQuery and CSS3 - Circle Charts
- Chart & Graph - 50061 ViewsCircle 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.
jQuery Plugin For Simple Scroll Position Indicator - Scrolline.js
- Other - 3123 ViewsScrolline.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.
Youtube Inspired Top Loading Bar Plugin with jQuery - progressbar
- Loading - 5590 ViewsA small jQuery plugin that creates an Youtube style top loading bar to visualize the Ajax loading progress.
Buttons with Built-in Loading Indicators For Bootstrap 3 - Ladda Bootstrap
- Loading - 57367 ViewsLadda Bootstrap is a javascript loading library inspired by Ladda.js that helps you create Built-in Loading Indicators (spinner, loading bar, etc...) with New twitter's bootstrap 3.
Basic Customizable jQuery Progress Bar Plugin - DioProcess
- Loading - 3389 ViewsYet another jQuery plugin that renders a fully customizable progress bar to visualize the progression of page loads or Ajax requests.
Easy Customizable jQuery Progress Bar Plugin
- Loading - 3967 ViewsA simple, lightweight jQuery plugin to render a highly customizable progress bar in a DOM element without any extra CSS.
Create Stylish Animated Progress Bars with jQuery and CSS3
- Loading - 5259 ViewsIn this article we're going to create a stylish progress bar animated with CSS3 and a little jQuery magic.
jQuery Plugin For Creating Rounded Badges Using Canvas - Mambo
- Other - 8895 ViewsMambo is a jQuery plugin that takes advantage of HTML5 Canvas element and javascript to create rounded badges with labels, display percentages or both.
jQuery Plugin For Animated Lazy Load Progress Bar - ProBars
- Loading - 6142 ViewsProBars is a jQuery & jQuery UI plugin to create animated progress bars as they're scrolled into the viewport.
Animated Slim Progress Bar Plugin with jQuery - Number Progress Bar
- Loading - 4639 ViewsNumber Progress Bar is a jQuery plugin that creates a slim progress bar with support for accelerated Javascript animations and custom value range.
Simple Circle Progress Indicator Plugin with jQuery and CSS3 - Progress Circle
- Loading - 52232 ViewsProgress Circle is a simple jQuery plugin that utilizes CSS3 transforms and transitions to draw a circular progress bar/indicator with percent text display.
jQuery Based Progress Button For Async Functions - ProgressButton
- Loading - 2828 ViewsProgressButton 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.
jQuery Table of Contents with Reading Progress Indicators
- Layout - 2126 ViewsAn 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.
Minimal jQuery Animated Progress Bar Plugin - goalProgress
- Loading - 2654 ViewsgoalProgress is a super tiny jQuery plugin to create an animated goal progress bar with prefix/suffix text support.
Easy jQuery Progress Bar Timer Plugin For Bootstrap 3 - progressTimer
- Loading - 40949 ViewsprogressTimer 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.
Easy jQuery Animated Progress Bar Plugin - Thermometer
- Loading - 9737 ViewsThermometer 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.
jQuery Slim Pre-Loading Bar Plugin - Loadie.js
- Loading - 4604 ViewsLoadie.js is a lightweight and stylish jQuery loader plugin that displays a slim progress bar (loading bar) at the top of your webpage (or anywhere as you wish) for showing pre-loading status.
jQuery Youtube Like Ajax Progress Bar Plugin - ytLoad
- Loading - 7983 ViewsytLoad 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.
Simple jQuery Circular Loading Bar with Percentage - Rotator
- Rotator - 31563 ViewsRotator is a simple jQuery plugin for creating a circular loading bar (progress bar) with percentage display and callback events support.
CProgress - jQuery Circular Progress Bar Plugin
- Loading - 9973 ViewsCProgress is a jQuery Circular Progress Bar Plugin with many options, so that you can use it to create various awesome progress bars for your website/application.
jQuery Animated Bar Plugin - jqBar
- Chart & Graph - 12679 ViewsjqBar is a jQuery plugin that make it easy to create Horizontal or Vertical for your project. It can be used as a progress bar or beautiful bar charts.
jQuery Progress Bar Plugin with CSS3
- Loading - 4196 ViewsA 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
Animated Progress Bar Plugin
- Loading - 2343 ViewsAn Animated Progressbar Plugin built with jQuery that allows you to create a Progress Bar with dynamic loading effect and the remaining time.