layui的进度条动态加载不显示

踩坑:layui的进度条动态加载不显示

可以看到官方给的例子是一个百分比比例的一个动态加载.
不是很清楚的同学去一下layui官方网站看一下他的例子和一个进度条文档 layui.com.
但是xdm发现用百分比格式的进度条可以,但是那种分数形式的,没有办法用他的这个格式来走了

解决方法:

一:动态获取必要条件:element模块

我们需要引入这个element模块来动态操作进度条

引入element模块后,调用它的 progress方法
这个方法有两个参数,第一个参数是:设置了过滤器(lay-filter="")的进度条,第一个参数是这个;
第二个参数是对应的你让他动态到哪个位置的参数.

设置以后,需要再初始化加载element
只需要再加上这一句话:
这样子就可以设置动态的分数形式的动态进度条了

整体例子代码

进度条代码
layui控制代码