-

进度条 - 页面元素

进度条可应用于许多业务场景,如任务完成进度、loading等等,是一种较为直观的表达元素。
依赖加载组件:element
引入layui全局类库
<link rel="stylesheet" href="/static/layui/css/layui.css">
<script src="/static/layui/dist/layui.js" charset="utf-8"></script> //这些特殊模块需单独在引入js文件,即引入dist文件夹下类库
默认风格的进度条--获取代码

温馨提示:进度条的宽度是 100% 适配于它的父级元素,如上面的进度条是在一个 300px 的父容器中。
更多颜色选取--获取代码




大尺寸进度条--获取代码


显示进度比文本--获取代码



正如你上述看到的,除了百分数,还支持分数(v2.1.7 新增)
动态改变进度--获取代码

layui - 在每一个细节中,用心与你沟通