Canvas 画布反向绘制圆形矩形？

我提前对此表示歉意，我收到了一些代码，可以画一个圆角矩形进度条，非常棒：

我需要反转矩形的绘制，但我一生都无法处理它

我尝试更改绘制4条线和4个角的点，使其从左上角开始，但我把它弄得一团糟：

    var startT = 0;
    var startTR = horizLineLength;
    var startR = startTR + cornerLength;
    var startBR = startR + vertLineLength;
    var startB = startBR + cornerLength;
    var startBL = startB + horizLineLength;
    var startL = startBL + cornerLength;
    var startTL = startL + vertLineLength;

到

有人能给我指一下正确的方向吗？

而不是这个：

drawPercentRect(ui.value);

这样做：

drawPercentRect(100-ui.value);

drawPercentRect(100-ui.value);