Javascript 如何使用彩色圆形渐变动态填充svg圆形？

我正在处理的页面包含由七种颜色组成的特定渐变。渐变中的颜色应该以放射状一个接一个地移动，而不是以线性方式移动。应使用渐变填充圆，渐变基于1到100之间的数字（包括浮点数），该数字表示已填充圆的百分比。该数字由后端动态发送，是学生GPA分数。 我知道这里已经有类似的问题了。喜欢还是喜欢。它们在一个关键方面与我的不同-我必须动态填充元素，并且我计算圆形元素的周长，因此我不能使用多条路径。这也不能只是一个线性梯度，否则我早就这么做了。 我也不知道如何使用d3.js或类似的东西

请帮帮我，任务明天到期

const circle=document.querySelector（“.progress-ring\uu circle”）；
常数半径=圆r.baseVal.value；
常数周长=2*Math.PI*半径；
circle.style.strokeDasharray=`${percentral}${percentral}`；
circle.style.strokeDashoffset=周长；
功能设置进度（百分比）{
常数偏移=周长-（百分比/100）*周长；
circle.style.strokedashcoffset=偏移量；
};
进展（75）
.progress-ring\uu循环{
变换原点：中心；
变换：旋转（-90度）；
过渡：行程偏移0.3s；
}

首先，您能否更正报告的错误：
未捕获的语法错误：意外标记“：”
这样我们就不会专注于修复错误了？完成了，现在一切都正常了