Изменить стиль с JavaScript

Question

У меня проблема с интеграцией вывода javascript в процентах в css ..

Я новичок в javascript и просто не могу заставить это работать ...

var number = 65;
var total = 170;
var percentage = (number / total * 100).toFixed(2);
document.getElementById("svgcircle").style.strokeDasharray = percentage;

#svgcircle {
  stroke-width: 5px;
  stroke: red;
  stroke-dasharray: 80, 100;
  stroke-linecap: round;
}

<svg id='svgcircle' height="50" width="50">
        <circle cx="25" cy="25" r="16"/>
    </svg>

Answer 1

stroke-dasharray принимает 2 аргумента <dash-length>, <gap-length>

, если вы хотите вывод в процентах, просто установите 100 в gap-length

var number = 65;
var total = 170;
var percentage = ((number / total) * 100).toFixed(2);

document.getElementById("svgcircle").style.strokeDasharray = percentage+', '+100; // <<<< add gap-length here

#svgcircle {
    stroke-width: 5px;
    stroke: red;
    stroke-dasharray: 80,100;
    stroke-linecap: round;
 }

<svg id='svgcircle' height="50" width="50">
    <circle cx="25" cy="25" r="16"/>
</svg>