function drawProgressCircle(ctx, progress) {

            var centreX    = width / 2
            var centreY    = width / 2
            var lineWidth  = diameter / 40
            // to start at top
            var startAngle = 1.5 * Math.PI

            ctx.clearRect(0, 0, height, width);
            ctx.beginPath();
            ctx.fillStyle = "black";
            ctx.lineWidth = lineWidth;
            ctx.lineCap   = "round";
            ctx.moveTo(centreX, centreY - diameter / 2);
            // ctx.moveTo(centreX, 0);
            ctx.arc(centreX, centreY, diameter / 2 - lineWidth / 2, startAngle,
                    startAngle + 2 * progress * Math.PI, false);
            ctx.stroke();
            ctx.closePath();
        }