本文中会出现刷新会议的负责人，因为其并没有真正参与浏览器是否完全加载的渲染过程，所以只是一个表象，并不是说浏览器在本次显示后才加载。

渲染：

先看html:

只有两个标签

div id=' barbg ' div id=' bar '/div/div CSS :

布局也很简单

样式* { margin:0划水：0；} # barbg { height:5pxbackground:rgb(149，143，143)} # barbg div { width :0；height:5px位置：相对；背景：rgb(230，10，10)；} /styleJS

那么原生JS是这样的

script document . onreadystatechange=function(){ var bar=document . getelementbyid(' bar ')；var barbg=bar.parentNodevar wd=document . body . scrollwidth | | document . document element . scrollwidth；var t=10var d=0；var I=0；var timer=setInterval(goto，10)；函数goto(){ d=d t；bar . style . width=d ' px '；if(d=wd){ clearInterval(定时器)；bar.style.background='rgba(230，10，10，0)'；none()；} } function none(){ var a=10-I；我；如果(a！=0 a！=10){ a=a * 0.1 } if(a===10){ a=1 } if(a===0){ a=0 } barbg . style . background=' rgba(230，10，10，' a ')'；if(a===0){ barbg . style . display=' none ' } if(a！=0){setTimeout(无，50)；}}} /script以上是边肖给大家介绍的刷新网页进度条的JavaScript示例代码。希望对你有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！