10 Best Circular/Radial Progress Bar JavaScript Plugins (2025 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 18 2025
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:
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.
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.
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.
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.
Circular Progress Bar And Countdown Timer With jQuery - circlebars
The jQuery Circle Bars plugin makes it easier to draw animated, customizable, circular progress bars and/or countdown timers using pure CSS/CSS3.
Vanilla JavaScript Circular Progressbar Plugins:
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.
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.
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.
