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

  • A+
所属分类:html教程
摘要

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

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

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

实例代码如下:

  • 56
  • 18
  • 16
  • 13
  • 11
  • 9

除非注明,否则均为@蒲公英网原创文章,转载必须以链接形式标明本文链接

本文链接:https://www.aipgy.com/330811.html

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: