JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas1" width="500" height="500"></canvas>

JavaScript

var can = document.getElementById('canvas1');
var context = can.getContext('2d');


var percentage = 0.781743; // no specific length
var degrees = percentage * 360.0;
var radians = degrees * (Math.PI / 180);

var x = 50;
var y = 50;
var r = 30;
var s = 0;//1.5 * Math.PI;

context.beginPath();
context.lineWidth = 5;
context.arc(x, y, r, s, radians, false);
//context.closePath();
context.stroke();