Как автоматически выполнить функцию и изменить цвет обводки на SVG в процентах? ⇐ CSS

[Anonymous]

Я подхожу к js, но мне сложно выполнить описанное ниже действие.
Я использую jquery по кругу для счетчика данных на своей веб-странице, данных вызывается API с сервера и отправляется на страницу путем изменения CSS. Мне сложно изменить обводку атрибута на класс «круг», задав цвета в процентах, напечатанные в текстовом разделе.
Исходный код circlifull

undefined
undefined10%


Я попробовал этот тестовый код внутри html-страницы, чтобы изменить цвет индикатора выполнения на кружок, но это не сработало.

// Color red --> rgb(255, 0, 0);
// Color orange --> rgb(255, 182, 25);
// Color green --> rgb(0, 128, 0);
$(document).ready(function() {
if
document.getElementById("connect-data").setAttribute ("stroke", "rgb(255, 0, 0)");
});


Как изменить цвет, а также установить условие для назначения:
Красный менее 10 %
Оранжевый от 10 % до 30 %
Зеленые 30%+
???
Спасибо, если кто-нибудь может мне помочь.

Контейнер разделов
undefined undefined10%

Мой JS-код

// Color red --> rgb(255, 0, 0);
// Color orange --> rgb(255, 182, 25);
// Color green --> rgb(0, 128, 0);
$(document).ready(function() {
if
document.getElementById("connect-data").setAttribute ("stroke", "rgb(255, 0, 0)");
});



Подробнее здесь: https://stackoverflow.com/questions/791 ... by-percent