10 Best Circular/Radial Progress Bar JavaScript Plugins (2026 Update)
This is a collection of 10 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.
Originally Published Sep 03 2019, updated Jan 13 2026
See Also:
- 10 Best Progress Bar (Linear) Components In JavaScript & CSS
- 10 Best Progress Bar Components For Vue.js App
- 10 Best JavaScript & CSS Progress Bar Components
Table of contents:
- jQuery Circular Progressbar Plugins
- Vanilla JS Circular Progressbar Libraries
- CSS Only Circular Progressbars
Best jQuery Circular Progressbar Plugins:
Create Slick Animated Circular Progress Bars with jQuery & Bootstrap
A lightweight jQuery plugin that adds animated circular progress bars to your Bootstrap-based web pages and applications. No SVG, Image, and Canvas needed.
You can control the circle size, progress value, bar color, background color, and thickness easily through the API. Can be useful for visualizing download progress, displaying stats, or creating loading animations.
Dynamic Circular Progress Bar with jQuery and CSS3
Just another jQuery plugin which uses JavaScript and CSS3 transforms to draw an animated progress (loading) bar representing a given percent value.
Customizable Pie Chart/Round Progress Bar Plugin - easy-pie-chart
A lightweight JavaScript/jQuery plugin to draw animated, customizable, retina-ready pie/ring charts and circular progress bars using HTML5 Canvas and requestAnimationFrame API.
Percentage Loader - jQuery Progress Bar Plugin
The jQuery Circle Bars plugin makes it easier to draw animated, customizable, circular progress bars and/or countdown timers using pure CSS/CSS3.
Smooth Progress Gauge Plugin With jQuery And CSS3 - simpleGauge.js
A small jQuery plugin which lets you create minimal, clean, smooth gauge meters to represent percentage values on the webpage. Licensed under the GNU GPL.
Vanilla JavaScript Circular Progressbar Plugins:
Flexible Progress Bar Using SVG And Plain JavaScript – loading-Bar
A JavaScript library for creating highly customizable progress bars to visualizing loading status by filling SVG shapes.
Simple Plain Circle Progress Bar Library – ProgressCircle.js
A JavaScript library for generating circular progress (loading) bars using plain JavaScript and CSS. No image, SVG, and canvas required.
Create Circular Progress Bars Using JavaScript And SVG
A lightweight JavaScript library to help developers to draw animated, cross-browser, highly customizable progress circles using SVG and plain JavaScript.
CSS Only Circular Progressbars:
Circular Progress Bar With Plain HTML / CSS
A pure Html and CSS approach to presenting percentage values in partially filled circles just like the ring chart. Powered by CSS3 transform and clip properties.
Smooth Circle Progress Indicator In SVG And CSS
Yet another pure CSS and SVG solution to create smooth circular progress bars indicating percentages on the web app.
More Resources:
Want more jQuery plugins or JavaScript libraries to create awesome progress bars on the web & mobile? Check out the jQuery Progressbar and JavaScript Progressbar sections.
