JavaScript之Loading进度条

Posted 2020-07-22 冷的锋刃

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript之Loading进度条相关的知识，希望对你有一定的参考价值。

<title>网页loading</title> <script language="<a href="https://it.cha138.com/javascript/" target="_blank"><strong class="keylink">javascript</strong></a>"> function setSB(v, el) { var ie5 = (document.all && document.getElementsByTagName); if (ie5 || document.readyState == "complete") { filterEl = el.children[0]; valueEl = el.children[1]; filterEl.style.width = v + "%"; valueEl.innerText = v + "%"; } } function fakeProgress(v, el) { if (v > 100) location.href = "http://blog.sina.com.cn/u/5729482504"; else { setSB(v, el); window.setTimeout("fakeProgress(" + (++v) + ", document.all[‘" + el.id + "‘])", 20); } } </script> </head> <body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=#000000> <center> <p align=center style="font-szie:9pt; line-height: 100%">正在加载请稍侯……</p> <span id=sb style="width: 500px"> <div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: #00cccc"></div> <div style="font-size: 12px; width: 100%; color: #FFFFFF; font-family: arial; text-align: center"></DIV> </span> </center> </body> </<a href="https://it.cha138.com/html/" target="_blank"><strong class="keylink">html</strong></a>>

以上是关于JavaScript之Loading进度条的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 常用进度条

Android动画之进度条

用JQuery实现页面Loading的效果，即：当页面加载完成前显示Loading的进度条，全部加载完成之后进度条消失

Unity3d中制作异步Loading进度条所遇到的问题

Vue 实现loading进度条

Unity3d中制作Loading场景进度条所遇到的问题 LoadLevelAsync，AsyncOperation