进度条动态显示不同颜色

提问 未结
3 49
919wang
919wang 6天前
悬赏:20飞吻
版本:layui 浏览器:
大虾们好 我是layui 小白 在用到layui进度条时 想要在不同阶段进度显示不同颜色(就是一个进度条能显示多段颜色) 在手册里翻了几遍也没找到方法 特来请教
回帖
  • IDyun
    6天前
    进度条 - 在线演示 - layui
    https://www.layui.com/demo/progress.html

    layui 颜色参考 - 页面元素 - layui
    https://www.layui.com/doc/element/color.html
    <div class="layui-progress-bar layui-bg-blue" lay-percent="50%" style="width: 50%;"></div>

    判断进度修改样式

    layui-bg-blue 蓝色
    dd

      <li class="layui-bg-red">
      赤色:class="layui-bg-red"
      </li>
      <li class="layui-bg-orange">
      橙色:class="layui-bg-orange"
      </li>
      <li class="layui-bg-green">
      墨绿:class="layui-bg-green"
      </li>
      <li class="layui-bg-cyan">
      藏青:class="layui-bg-cyan"
      </li>
      <li class="layui-bg-blue">
      蓝色:class="layui-bg-blue"
      </li>
      <li class="layui-bg-black">
      雅黑:class="layui-bg-black"
      </li>
      <li class="layui-bg-gray">
      银灰:class="layui-bg-gray"
      </li>
    0 回复
  • 919wang
    6天前
    非常感谢你的回答!

    这样的效果怎么实现呢?
    0 回复
  • 你是想做报表还是进度条呢
    0 回复