layui的进度条总结

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_41179401/article/details/84872328

layui的进度条总结

<div class="layui-progress layui-progress-big "  lay-showPercent="true">
  <div class="layui-progress-bar layui-bg-red" lay-percent="50%" ></div>
</div>
 
<script>
//注意进度条依赖 element 模块，否则无法进行正常渲染和功能性操作
layui.use('element', function(){
  var element = layui.element;
});
</script> 

进度条盒子类名：layui-progress ；大小设置 layui-progress-big

设置属性 lay-showPercent="yes" 来开启进度比的文本显示，支持：普通数字、百分数、分数

进度条类名 layui-progress-bar  颜色设置 layui-bg-red  ； 初始进度设置lay-percent="50%"