progressbars

Open source progress bar library made with p5.js.

Usage:

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script>
<script src="https://progressbars.js.org/V1/progressbars.min.js"></script>

Examples:

drawBar('canvas1', 400, 'circle', 255, color(0, 0, 0), color(255, 0, 0), 50);
drawBar('canvas2', 400, 'line', 255, color(255, 0, 0), color(255, 255, 0), 70);
drawBar('canvas3', 400, 'circle', 255, color(0, 0, 0), color(255, 0, 0), 50); //Uses the full length of it's parent div tag.