js进度条范例代码

来源：动视网责编：小采时间：2020-11-27 20:28:18

js进度条范例代码

js进度条范例代码:例子，非常简洁的js进度条实现代码，可用于消耗时间较多的页面加载或批量生成页面的情况。完整代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

推荐度：

点击下载本文 文档为doc格式

导读js进度条范例代码:例子，非常简洁的js进度条实现代码，可用于消耗时间较多的页面加载或批量生成页面的情况。完整代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

例子，非常简洁的js进度条实现代码，可用于消耗时间较多的页面加载或批量生成页面的情况。

完整代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>js进度条-www.yuju100.com</title> 
<style type="text/css"> 
body{ 
text-align:center; 
} 
.graph{ 
width:450px; 
border:1px solid #F8B3D0; 
height:25px; 
} 
#bar{ 
display:block; 
background:#FFE7F4; 
float:left; 
height:100%; 
text-align:center; 
} 
#barNum{ 
position:absolute; 
} 
</style> 
<script type="text/javascript"> 
function $(obj){ 
return document.getElementById(obj); 
} 
function go(){ 
$("bar").style.width = parseInt($("bar").style.width) + 1 + "%"; 
$("bar").innerHTML = $("bar").style.width; 
if($("bar").style.width == "100%"){ 
window.clearInterval(bar); 
}
} 
var bar = window.setInterval("go()",50); 
window.onload = function(){ 
bar; 
} 
</script> 
</head> 
<body> 
<div class="graph"> 
<strong id="bar" style="width:1%;"></strong> 
</div> 
</body> 
</html>

更多js进度条范例代码相关文章请关注PHP中文网！

js进度条范例代码

推荐度：

点击下载本文 文档为doc格式

标签：进度条 js 代码

热门焦点

js进度条范例代码

js进度条范例代码

js进度条范例代码

最新推荐

猜你喜欢

热门推荐