制作简单的WEB加载进度条

来源:互联网 发布:俄罗斯经济知乎 编辑:程序博客网 时间:2024/05/17 22:03

由于项目需要自己用JS写了一个简单加载进度条,先看效果图:
这里写图片描述

实现代码:

 <form name=loading> <p align=center><font color="#0066ff" size="2" face="Arial">正在打开,请稍等...</font><input type=text name=chart 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=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;"> <script> var bar=0 var line="||" var amount="||" count() function count(){ bar=bar+2 amount =amount + line document.loading.chart.value=amount document.loading.percent.value=bar+"%" if (bar<99) {setTimeout("count()",100);} else {window.location = "http://5icat.net.ru";} }</script></p></form>
1 0
原创粉丝点击