前端 不规则进度条，求好的思路？-灵析社区

感谢大家的解答，忘了说是小程序，小程序中稍微麻烦些，需要读取svg文件（需要用binary方式读取，不然iOS不显示），然后查找替换高度和颜色部位的值，再转为base64加载到image标签中。其实如果在web端，直接用变量控制即可。svg代码见文末。 大致效果：  动态高度的关键在于，查找并修改“蒙版”的高度，即下面的height="104"，通过js控制变量即可实现动态高度。 至于修改颜色，查找fill="#06CB60"，然后改成需要的颜色。 水塔svg代码。