JS效果的进度条

先看看效果吧！

load进度条
2%

 

 

直接贴代码吧！

复制代码
<html>

<body>

<center>
<table cellspacing=0 cellpadding=0 bgcolor=#00FFFF width=40% id=P><tr><td>load进度条
<table cellspacing=0 cellpadding=0 bgcolor=#0000FF height=18 id=Q><tr><td id=v></td></tr></table></td></tr></table>
</center>

<script language="javascript">
var R = 0; 
function load() 
{
R = R + 2; 
var q = document.getElementById("Q");
q.style.width =  R + "%";
document.getElementById("v").innerHTML=q.style.width;
time= setTimeout(load,500);
if (R > 100) 
{
clearTimeout(time);
//document.getElementById("P").style.width=0;
document.getElementById("P").style.display="none";
}
}
load();
</script>
</body>
</html>
复制代码

 

 

posted on   jack_Meng  阅读(411)  评论(0)  编辑  收藏  举报

编辑推荐：
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· .NET10 - 预览版1新功能体验（一）

导航

< 2012年8月 >
日 一 二 三 四 五 六
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛
主题色彩