Как изменить цвет в stroke c помощью условия?

Question

[Никита Сальников]

Подскажите пожалуйста как правильно изменить цвет в stroke?

<svg class="chart" width="120" height="120" viewbox="0 0 50 50">
 <circle class="unit__events" r="20" cx="25" cy="25" stroke = "#27AE60" stroke-width = "3" fill = "transparent"/>
</svg>

Код на JS

const circle = document.querySelector('.unit__events');
const radius = circle.r.baseVal.value;
const circumference = 2 * Math.PI * radius;

circle.style.strokeDasharray = `${circumference} ${circumference}`;
circle.style.strokeDashoffset = circumference;

function setProgress(percent) {
    const offset = circumference - percent / 100 * circumference;
    circle.style.strokeDashoffset = offset;
}

setProgress(100);

как правильно написать условие, что если значение в setProgress - 100, тогда stroke = "#ee0a0a".

думал так получится

if (percent == 100){
 circle.style.stroke = "#ee0a0a";
}

Но не получается. Наоборот цвет исчезает.

Comments

[Ankhena]

Я что-то не поняла? Ведь всё работает.
https://jsfiddle.net/y2s7ujw3/

[Роман]

Ankhena, да все там работает, просто ТС где то затупил.

[Ankhena]

Роман, спасибо, утешили :)))))))
Но я не стала писать это в ответ, чтобы ТС спокойно мог удалить вопрос.

Решениями он всё равно сподобился отметить только 13%, так что..

[Роман]

Ankhena, ну я все равно написал ответ на полминуты-минуту раньше вашего комментария, а на то, сможет он вопрос удалить или нет мне как то побоку, я обычный пользователь а не ̶б̶л̶ю̶с̶т̶и̶т̶е̶л̶ь̶ ̶п̶р̶а̶в̶о̶п̶о̶р̶я̶д̶к̶а̶ Куратор тега JavaScript

[Роман]

Никита Сальников, вам жирный дизлайк

работает на ура

и вот еще пример поинтересней