您的位置：首页 > 其它

制作简单的WEB加载进度条

2016-09-13 16:46 399 查看
由于项目需要自己用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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航