Javascript 在SVG图形中显示百分比

我试图显示来自地方当局提供的CSV文件的当前疫苗接种数据，作为注射器样式的进度条

根据接种者的百分比，该栏应以不同颜色显示注射器图标的一部分

我已经找到了这个很棒的项目：

但是，当尝试添加以下代码作为图标时，什么也没有发生

---

我建议添加一个剪辑掩码，然后根据CSV文件中的值使用JS更改剪辑掩码的宽度。 此示例显示图标为绿色，完整图标为黑色。如果您将0.5512更改为0.1512，它将是10%的满值，以此类推

let clipping=document.getElementById（“剪裁矩形”）
clipping.width.baseVal.value=0.5*512
#容器{
利润率：20px；
宽度：200px；
高度：200px；
}
绿色路径笔划和
路径长度=100更容易完成

然后设置百分比



svg{
宽度：150px；
}

函数更新百分比（v=50）{
document.querySelector（“#ceringe”）.setAttribute（“笔划数组”，v+“100”）；
}


我试过了，这可能会对您有所帮助