Originally Published Sep 03 2019, updated Feb 04 2020
Table of contents:
- jQuery Circular Progressbar Plugins
- Vanilla JS Circular Progressbar Libraries
- CSS Only Circular Progressbars
Best jQuery Circular Progressbar Plugins:
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.
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.
The jQuery Circle Bars plugin makes it easier to draw animated, customizable, circular progress bars and/or countdown timers using pure CSS/CSS3.
Yet another circle progress bar plugin to display any numeric values in a responsive, customizable, animated percentage/progress graphs: circles, ring charts, pie charts, etc.
progresspieSVG is a simple yet robust jQuery plugin which renders pie or ring chart style progress bars or countdown timers using SVG element.
CSS Only Circular Progressbars:
A pure CSS progress bar that shows progress bar with percentage in a circular bar view.
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.