进度条 progress | 您所在的位置:网站首页 › flash动画加载进度条代码 › 进度条 progress |
进度条
进度条 progress 可应用于许多业务场景,如任务完成进度、loading 等等。 示例进度条宽度是 100% 适配于它的父级元素,如上面的进度条是在一个 300px 的父容器中。 进度条主题 大号进度条通过对进度条容器追加 className 为 layui-progress-big 可设置大尺寸风格的进度条。 显示进度值 API API 描述 var element = layui.element 获得 element 模块。 element.render('progress', filter) 进度条 progress 组件渲染。 element.progress(filter, percent) 设置进度值 渲染element.render('progress', filter); 参数 'progress' : 渲染进度条的固定值 参数 filter : 对应进度条容器 lay-filter 的属性值在元素加载完毕后,element 模块会自动对元素进行一次渲染。而当元素为动态插入时,需通过该方法完成初始化渲染。 layui.use(function(){ var element = layui.element; var $ = layui.$; // 动态插入进度条元素 $('#test').html(` `); // 渲染进度条组件 element.render('progress', 'demo-filter-progress'); }); 属性 属性 描述 lay-percent 用于设置进度条的值,进度条内层容器属性。支持 百分比 和 分数 形式。用法详见:#示例 lay-showpercent 是否显示进度值,进度条外层容器属性,默认不显示。用法详见:#示例 设置进度值element.progress(filter, percent); 参数 filter : 对应进度条容器 lay-filter 的属性值 参数 'percent' : 进度条的值该方法用于动态改变进度条的值。示例: |
CopyRight 2018-2019 实验室设备网 版权所有 |