-
控制div层的宽属性可以实现进度条的效果。
我的进度条是显示下载文件的进度，只需执行总共100个文件，下载一个1%，下载20到20%，所以代码的实现如下：
无功filecount = filelist.length（）；
filelist.foreach（功能（我，obj）{
..下载文件…
document.getelementbyid（percent_bar ）； / /。风格。宽度=我/ filecount * 100 +%改变宽度的div
}）
但是你会看到一个接一个下载的文件，但是进程始终没有移动，这是因为js逻辑首先被执行，并且在JS执行结束后页面渲染将完成，这样就不会看到一个正常的进度条。
如何呈现js逻辑的第一类页面呈现
var I＝0；
无功filecount = filelist.length（）；
var =函数（）{（）
如果（我filecount） / /退出
返回；
..下载文件…
++；
document.getelementbyid（percent_bar）。风格。宽度=我/ filecount * 100 +%；
下一个周期 / / that.loopid = window.settimeout（环，0）；} 7
that.loopid = window.settimeout（环0）；
进度条的动态效果可以通过setTimeout函数实现。
以上是js动态改变DOM元素属性的一个快速解决方案。及时对页面渲染的问题，萧边分享你的内容。我希望能给你一个参考，希望你能支持它。