【经验分享】漂亮的进度条

在活字格中，如何设计一个漂亮的进度条呢？一共分为 3 个步骤。
第 1 步：
添加 CSS 文件


第 2 步：
给单元格起别名，并添加 JavaScript 命令


第 3 步：
运行程序，测试效果


最后，将附件呈上。
您无需更改任何内容，只需把本项目中的 CSS 文件附加到您的项目中，并在项目中给单元格起别名，要记得名字需一模一样啊。

chengj 发表于 2019-2-1 16:42
OK,还是期待有完美的方案。谢谢！

感谢您的支持~

TimZhang 发表于 2019-2-1 16:19
【更新】
有网友反应，bootstrap 与活字格默认样式有冲突，具体表现为：
如果在项目中引用了 bootstrap， ...

OK,还是期待有完美的方案。谢谢！

【更新】
有网友反应，bootstrap 与活字格默认样式有冲突，具体表现为：
如果在项目中引用了 bootstrap，则单元格对齐效果与设计初衷不一致。细心的网友会发现，单元格中文字将在垂直方向上向上偏移若干像素。
当然，这个偏离值因人而异，如果你觉得无所谓，那么就继续采用 bootstrap，如果你很介意，那么我们就寻求解决方案。
下面这个项目移除了 bootstrap，其后果便是没有漂亮的波纹，也没有跳跃的动画，但是，滚动条的设计初衷依然未变，现在，呈上效果图与项目文件。

chengj 发表于 2019-2-1 14:47
经过测试，确认是bootstrap.4.2.1.min.css这个CSS有问题，我在下载的工程文件上加入我的页面，同样显示有 ...

感谢你的反馈。我联系我们华东同事和你沟通

Tracy.Liu 发表于 2019-2-1 13:42
麻烦您另开一个帖子，将工程文件上传一下呢~

经过测试，确认是bootstrap.4.2.1.min.css这个CSS有问题，我在下载的工程文件上加入我的页面，同样显示有问题，详见附件

chengj 发表于 2019-2-1 13:51
方不方便远程，我的工程文件全是外联库，你应该跑不了吧？

好的了解，我已经联系华东的同事，也就是这个帖子的楼主啦~后续他会联系您哦~

Tracy.Liu 发表于 2019-2-1 13:42
麻烦您另开一个帖子，将工程文件上传一下呢~

方不方便远程，我的工程文件全是外联库，你应该跑不了吧？

chengj 发表于 2019-2-1 13:15
运行后不知怎么看

麻烦您另开一个帖子，将工程文件上传一下呢~

Tracy.Liu 发表于 2019-2-1 12:30
您好，您这个问题可能是因为css的类名冲突了。您可以在浏览器运行一下，按F12具体看下是哪个冲突了呢~

运行后不知怎么看