html，如何简单创建一个进度条

1、首先我们需要在自己的页面上引入对应的脚本文件和样式文件。

3、最后，我们在html里添加二个div，如图，要对应上样式名。第一个div就是进度条的外层，第二个div则是进度条有颜色的当前进度。

5、通过修改样式名，我们可以更改进度条的颜色，比如把layui-bg-red 改变layui-bg-green，就可以将其由红色变成绿色了，大多剞麽苍足数的颜色英文名都可以支持。另外lay-percent属性可以设置进度条的进度，比如改成70%。

7、再在父div上添加一个lay-showPercent的属性，可以让进度条显示出具体的百分比信息来。