首页 > 其他分享 >Layui的进度条使用

Layui的进度条使用

时间:2024-05-13 10:54:00浏览次数:26  
标签:demo layui 进度条 Layui element 使用 var progress

我用的是 第二种

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 是第二个

官网说明并不是很明白

标签:demo,layui,进度条,Layui,element,使用,var,progress
From: https://www.cnblogs.com/79524795-Tian/p/18188789

相关文章

  • jquery的使用
    jquery的详细使用https://blog.csdn.net/qq_38490457/article/details/109683256?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171556216716800215034130%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=171556216716800215034130......
  • Matlab小白入门简易使用
    Matlab小白入门简易使用前言:Matlab是matrix和laboratory的组合,意为“矩阵工厂”,是目前数一数二的数学分析软件。在数据分析、无线通信、深度学习、图像处理与计算机视觉、信号处理、量化金融等领域都有非常广泛的应用。主要面对科学计算、可视化以及交互式程序设计的高科技计......
  • 曼哈顿图 CMplot 包的使用
     001、安装加载包install.packages("CMplot")library("CMplot") 002、查看测试数据data(pig60K)head(pig60K) 003、使用示例数据绘制snp密度图CMplot(pig60K,plot.type="d",bin.size=1e6,chr.den.col=c("#7CC767","#088247",&......
  • 使用Lambda表达式和接口的简单Java 8 Predicate示例
    大量的Java编程涉及到对真或假值的评估,从条件语句到迭代循环。当您使用JDK的StreamsAPI和Lambda函数时,可以使用备受欢迎的JavaPredicate接口来简化布尔条件的评估。也被称为Java8Predicate(源自引入函数式编程的JDK版本),这个简单的接口定义了五个方法,尽管只有JavaPredicate的t......
  • 在Linux中,如何使用cron进行任务调度?
    Cron是Linux系统中用于任务调度的一个强大工具,它允许用户安排命令或脚本在特定的时间周期性地自动执行,无需用户干预。Cron作业可以按分钟、小时、日期、月份、星期几来设置执行时间。以下是使用cron进行任务调度的基本步骤:1.编辑Crontab文件Crontab(crontable)文件包含了所有计......
  • 在Linux中,什么是Bash脚本,并且如何使用它。
    Bash脚本是使用BashShell(BourneAgainSHell)语言编写的脚本文件,用于在Linux和类Unix系统上自动化执行一系列命令。Bash是Unix/Linux系统中最常用的Shell之一,它不仅支持基本的命令执行,还提供了丰富的编程结构,如变量、控制结构(如if条件判断、for和while循环)、函数、字符串操作、文......
  • Mybatis之动态SQL使用讲解
    目录1动态SQL1.1引言1.2数据准备1.3if标签1.3.1在WHERE条件中使用if标签1.3.2在UPDATE更新列中使用if标签1.3.3在INSERT动态插入中使用if标签1.4choose标签1.5trim(set、where)1.5.1where1.5.2set1.5.3trim1.5.3.1trim来表示where1.5.3.2trim来表......
  • 【译】使用 GitHub Copilot 作为你的编码 GPS
    GitHubCopilot是一个改变游戏规则的人工智能助手,可以彻底改变您在VisualStudio中的编码流程。在我们的视频系列中,Bruno Capuano探讨了这个智能编码伙伴如何帮助您更有效地编写代码,同时保持质量和准确性。Copilot:是助手,而不是替代品Bruno强调,GitHubCopilot旨......
  • JPA使用pg数据库时,bool字段不能跨库迁移的解决方案
    首先,大多数人的印象里,hibernate作为一个笨重学习成本高的近乎全自动的框架它的优点就是可以支持很多数据库,但是最近研究发现,java中的boolean类型的字段,在mariadb/mysql中为bit0/1,在sqlserver/oracle中为bit0/1numeric(1,0)check*in(0,1),然而在PG数据库中却是bool,因为pg......
  • STM32Cube-10 | 使用ADC读取气体传感器数据(MQ-2)
    本篇详细的记录了如何使用STM32CubeMX配置STM32L431RCT6的ADC外设,读取MQ-2气体传感器的数据并通过串口发送本质就是ADC采集MQ-2的原理图如下: 生成MDK工程选择芯片型号打开STM32CubeMX,打开MCU选择器:搜索并选中芯片STM32L431RCT6:配置时钟源如果选择使用外......