做了一个漂亮的进度条送给大家！,附JS、CSS和使用方法

发现活字格没有进度条插件，我也不会制作插件（太麻烦）

就把bootstrap上的进度条拿过来了

还不会用的童鞋,可以拿去研究下!

主要用CSS实现效果，JS控制数据。JS纯手写，大家支持下！

效果预览

使用方法

1、给单元格设置类名为: progress；

2、在单元格内直接填写参数,逗号隔开；

3、上传CSS和JS，运行！

参数格式： 数据，样式，显示文字   

单元格内像这样填写字符串即可：0.4,bg-success,true

参数1(0.4)：填写进度条比例，2位小数

参数2(bg-success)：填写样式颜色的名称(bg-success   bg-info   bg-warning    bg-danger  空格为默认的蓝色 )

参数3(true)：是否显示文字(true或false)

特别说明：

·如果需要和演示效果一样，在页面内实时修改进度条数据，需要给单元格再设置一个名称，修改的JS一并在附件里！

·参数二还支持两个特殊参数  progress-bar-striped (底纹)      progress-bar-animated (动画)

·JS内有一些DOM操作，介意的请谨慎使用！

设计器

设计器

JS源码

JS源码

JS CSS 实例工程.zip (160.41 KB, 下载次数: 351)

2020-3-5 05:35 上传

点击文件名下载附件

工程实例使用6.0测试版做的

感谢分享~

谢谢分享

djs521720 发表于 2020-3-5 14:02
谢谢分享

谢谢分享。

大神的头像的颜值=大神做的系统+分享出经验的颜值

妈呀，太高了

谢谢分享

谢谢老板~

顶顶顶

这是高手！