Layui的进度条使用

我用的是 第二种

image

上代码

首先引入 layui的css和js

html部分

	<div class="layui-progress" lay-showpercent="true" style="margin-top:10px"  lay-filter="demo-filter-progress">
                                 <div class="layui-progress-bar" lay-percent="1/{$files_int}"></div>
                            </div>

JS部分


jindu =  jindu-1
layui.use(function(){
  var element = layui.element;
  var util = layui.util;
      element.progress('demo-filter-progress', currentIndex +'/'+ zongarr); // 设置  
       element.render('demo-filter-progress'); // 重新渲染进度条
});
     
	 
	 
        
 layui.use(function(){
  var element = layui.element;
  var util = layui.util;
      element.progress('demo-filter-progress', jindu +'/'+ zongarr); // 设置  
        element.render('demo-filter-progress'); // 重新渲染进度条
});
     

jindu 是第一个 数字。zongarr 是第二个

官网说明并不是很明白

posted @   79524795  阅读(425)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
点击右上角即可分享
微信分享提示