Home > Web Front-end > JS Tutorial > Implementation of loading progress bar effect example display

Implementation of loading progress bar effect example display

巴扎黑
Release: 2017-05-21 18:46:55
Original
1472 people have browsed it

<html> 
<head> 
<title>测试转发一下</title> 
</head> 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="overflow-x:hidden;overflow-y:hidden"> 
<p id="adslxp" style="display: none" width="100%" height="100%"><iframe src="http://www.baidu.com" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"></iframe></p> 
<!========================载入进度条========================> 
<p id=ld> 
<table width=100% height=90%><tr><td align=center> 
<center> 
<h1>正在载入 <font color=red>测试转发一下</font> 请稍侯...</h1> 
<table width=40%><tr><td align=left> 
<table id=lpc bgcolor=blue><tr><td> </td></tr></table> 
</td></tr></table> 
<br><br><br> 
<center>本站只提供域名转发,与转向的网站无任何关系</center> 
</center> 
</td></tr></table> 
</p> 
<script language=JavaScript><!-- 
ini = new Date().getTime(); 
var pc = 0; 
load(); 
function load() { 
pc += 2; 
lpc.style.width = pc + "%"; 
time = setTimeout("load()",25); 
if (pc > 100) { clearTimeout(time); loaded() } 
} 
function loaded() { 
fim = new Date().getTime(); 
dif = fim - ini; 
ld.style.display = &#39;none&#39;; 
adslxp.style.display = &#39;&#39;; 
} 
function Show() { 
if (txt.style.display == "none") { txt.style.display = "" } 
else { txt.style.display = "none" } 
} 
//--></script> 
<!========================载入进度条========================> 
</body> 
</html>
Copy after login

The above is the detailed content of Implementation of loading progress bar effect example display. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template