JS 实现进度条

copy:

<form name=loading>
<p align=center><font color="#0155cc" size="2" face="Arial">进度条...</font><br>
<input type=text name=progress size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
<br>
<input type=text name=percent size=46 style="color:#0055BB; text-align:center; border-width:medium; border-style:none;">
<script language="javascript">
var bar=0; //进度条的进度
var line="||" ; //类似进度条的符号
var amount="||" ;
count() ;
function count(){
bar=bar+2 ; //进度条+2
amount =amount + line ; //符号也跟着增加
document.loading.progress.value=amount ; //进度条显示符号
document.loading.percent.value=bar+"%" ; //现实进度
if (bar<100) //判断进度条是否已经到头
setTimeout("count()",100);
else
window.location = "http://hi.baidu.com/wunianbin/item/23d9453a6877d9c1392ffa95"; //跳转的URL
}
</script>
</p>
</form>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值