Question

我只有css和js代码，怎么制作网页的加载条呢？

Answer 1

我这有个纯css的进度条代码，你自己看看吧

<div class="cent">
<p>
百分比进度条样式:
</p>
<p>
<div class="Bar">
<div style="width: 50%;">
<span>50%</span>
</div>
</div>
</p>
<p>
<div class="Bar">
<div style="width: 80%;">
<span>80%</span>
</div>
</div>
</p>
<p>
<div class="Bars">
<div style="width: 33%;">
<span>33%</span>
</div>
</div>
</p>
</div>

body { font-size: 12px; }
#n { margin:10px auto; width:920px; border:1px solid #CCC;
font-size:14px; line-height:30px; }
#n a { padding:0 4px; color:#333 }
.Bar ,.Bars { position: relative; width: 200px;
/* 宽度 */ border: 1px solid #B1D632; padding: 1px; }
.Bar div,.Bars div { display: block; position: relative;
background:#00F;/* 进度条背景颜色 */ color: #333333;
height: 20px; /* 高度 */ line-height: 20px;
/* 必须和高度一致，文本才能垂直居中 */ }
.Bars div{ background:#090}
.Bar div span,.Bars div span { position: absolute; width: 200px;
/* 宽度 */ text-align: center; font-weight: bold; }
.cent{ margin:0 auto; width:300px; overflow:hidden}

追问

是不是把你这些代码保存为html的文件就可以了？还是怎样？

我只有css和js的代码，就是不知道怎么用，那html的页面要不要设置？

追答

这个只是纯进度条的样式，如果你要做成动态的，是要加上js的。
这个是完整，不过不是我写，是拿别人的

进度条

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;
}

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;
}

追问

就是怎么用css和js的代码来制作进度条的。

追答

我上面这个代码就是的啊，你可以复制走，直接运行的。别忘了引用jquery

追问

我给代码给你，然后你帮我弄好吗？

追答

好吧，你发来我看下，加我扣 117569553

追问

嗯嗯，好的。可现在发不了。傍晚时分发给你可以吗

追答

那就晚上吧，正好我现在也在上班。晚上加班的时候给你看看。

追问

嗯嗯，先谢谢啦

追答

不客气，等晚上给你搞定了再谢吧。。。

追问

嘻嘻

对不起，今晚突然有点事要做，忘记把代码发给你了。希望你还可以帮我完成，好吗？

我已经加你为好友了，请通过我的请求。

追答

哦，没事。我已经通过验证了，你把代码发给我吧。

Answer 2

弄个div设定个宽度，然后里面再设定个div，给个背景色，每几秒更新下里面那个div的宽度，这样看起来就像加载条了

追问

不咋懂，能详细说下吗？

Answer 3

js里写函数，让html页面调用。

追问

那个html的页面的页面怎么制作