Top 10 Best Progress Bar jQuery Plugins Of 2018

by jQueryScript,

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 10 best jQuery Progress Bar plugins for both desktop and mobile web design. I hope you like it.

Not a jQuery user? View Top 10 JavaScript & CSS Progressbar Components.

Originally Published Nov 14 2017, updated Dec 05 2018

Top 10 jQuery Progress Bar Plugins:

Animated Radial Progress Bars With jQuery, SVG And CSS3

jQuery, SVG and CSS3 based radial progress bars that automatically activate the progress animation on scroll.

https://www.jqueryscript.net/loading/Radial-Progress-Bar-jQuery-SVG-CSS3.html

[Demo] [Download]


Animated Radial Progress Bar With jQuery And CSS3

A customizable, circular, CSS3 animated progress bar plugin for jQuery that can be used to display progress, completion, percentage, loading status, etc.

https://www.jqueryscript.net/loading/Radial-Progress-Bar-jQuery.html

[Demo] [Download]


jQuery Plugin For SVG Progress Circle - ProgressCircle

ProgressCircle is a lightweight jQuery plugin used to render animated, dynamic circular progress indicators using SVG and CSS.

https://www.jqueryscript.net/loading/jQuery-Plugin-SVG-Progress-Circle.html

[Demo] [Download]


Minimal HTML5 Donut Chart Plugin For jQuery - DonutWidget

DonutWidget 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.

https://www.jqueryscript.net/chart-graph/HTML5-Donut-Chart-Plugin-jQuery-DonutWidget.html

[Demo] [Download]


Canvas Based Step Progress Bar With jQuery - Stepbar

Stepbar 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.

https://www.jqueryscript.net/form/Step-Progress-Bar-jQuery-Stepbar.html

[Demo] [Download]


Animated Donut/Pie/Ring Charts With jQuery And SVG - Donutty

Donutty 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.

https://www.jqueryscript.net/chart-graph/Donut-Pie-Ring-Charts-SVG-Donutty.html

[Demo] [Download]


Show Progress/Loading Status As Circle - jQuery Circlos

Circlos is a lightweight jQuery circular progress bar/loading indicator plugin that draws a partially filled circle for visualizing percentage data.

https://www.jqueryscript.net/loading/Progress-Loading-Status-Circle-Circlos.html

[Demo] [Download]


Minimalist Dynamic Progress Bar In jQuery - jsRapBar

The jsRapBar jQuery plugin lets you create a minimal yet customizable horizontal progress bar that has the ability to update the progress dynamically.

https://www.jqueryscript.net/loading/Dynamic-Progress-Bar-jsRapBar.html

[Demo] [Download]


Animated Circle To Represent Percentage - jQuery jCirclize

jCirclize is a small yet customizable jQuery percentage/progress gauge plugin that draws an animated circle/ring on a canvas element to represent percentage data.

https://www.jqueryscript.net/loading/circle-represent-percentage-jcirclize.html

[Demo] [Download]


Smooth Progress Gauge Plugin With jQuery And CSS3 - simpleGauge.js

simpleGauge.js is a small jQuery plugin which lets you create minimal, clean, smooth gauge meters to represent percentage values on the webpage.

https://www.jqueryscript.net/chart-graph/progress-gauge-simplegauge.html

[Demo] [Download]