当前位置：Gxlcms > html代码 > li进度条宽度和颜色按顺序显示的效果。

li进度条宽度和颜色按顺序显示的效果。

时间：2021-07-01 10:21:17 帮助过：22人阅读

实际项目中li和里边的数值是动态生成的，需要控制它的宽度和颜色，效果如图：

如果能实现颜色按数值规律变化就好了，目前颜色是固定到数组中的。

实例代码如下：

56

18

16

13

11

9

9

8

7

7