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%"