做了一个漂亮的进度条送给大家！,附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, 下载次数: 1076)

2020-3-5 05:35 上传

点击文件名下载附件

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

https://gcdn.grapecity.com.cn/showtopic-87343-1-1.html  这个也不错都谢谢大佬

感谢大佬分享

这是高手！

linshunliu 发表于 2022-4-23 20:49
好像上传附件css文件后，所有单元格文字不能上下居中，有点偏上，版本是7.1

已经有相应插件，不建议用此方法

好像上传附件css文件后，所有单元格文字不能上下居中，有点偏上，版本是7.1

感谢大佬分享

感谢分享

就喜欢免费的

不错不错 ，学习一下