html百分比颜色表示,多种颜色进度条布局任您选择 进度条模板代码

无法在这个位置找到： /templets/default/think201610/bodys.htm

进度条特点：集成多种颜色供选择，只需要改变一个颜色CLASS选择器即可改变预设几种进度条颜色样式，采用div css布局、按百分比计算进度条——多种颜色进度条。

多颜色进度条

一、在线效果与代码

1、颜色丰富百分比滚动条

2、html代码

3、js引入与自定义JS代码

layui.use('element', function(){

var $ = layui.jquery

,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

//触发事件

var active = {

setPercent: function(){

//设置50%进度

element.progress('demo', '50%')

}

,loading: function(othis){

var DISABLED = 'layui-btn-disabled';

if(othis.hasClass(DISABLED)) return;

//模拟loading

var