Represent Percentage In A SVG Circle – Circular Progress Bar

Category: Javascript | March 20, 2019
Author: ZulNs
Views Total: 579
Official Page: Go to website
Last Update: March 20, 2019
License: MIT

Preview:

Represent Percentage In A SVG Circle – Circular Progress Bar

Description:

Yet another radial progress bar plugin to display a percentage value as an animated SVG circle.

See Also:

How to use it:

Download and place the JavaScript progress.js in the html document.

<script src="progress.js"></script>

Create a new circular progress bar.

const pb = new Progress()

Append the circular progress bar to the body.

const elm = pb.getElement();
document.body.appendChild(elm);

Set the percentage value.

pb.setValue(50);

You Might Be Interested In:


Leave a Reply