search

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

Implementation of loading progress bar effect example display

巴扎黑
巴扎黑Original
2017-05-21 18:46:551419browse

<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>

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!

Statement：
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
Previous article：Relevant code to control image size in web pagesNext article：Relevant code to control image size in web pages

Related articles

See more