进度条问题

Lion_wen666 2012-03-31 08:55:31

我使用动态改变图片的宽度来显示加载进度，但加载过程中，图片不断出现闪动（加载到50%时，宽从1%到50%，而不是从49到50%）,请问如何解决？
document.getElementById("imgBar").style.width = temp;

...全文

69 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

习惯就好 2012-04-01

打赏
举报

看到问题，我想到了一个方法你可以试一试

<div id="total" style="background-color:red;height:20px;width:800px;">
<div id="currentStatue" style="background-color:blue;height:20px;width:500px;"> <div/>
</div>

动态控制currentStatue的宽度即可

Lion_wen666 2012-03-31

打赏
举报

<head runat="server">
<title></title>
<script language="javascript" >
var timer = null;
function returnresponse() {
urls = "ajaxguagedemo.aspx?guage=1";
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlHttp.open("GET", urls, true);
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4) {
temp = xmlHttp.responseText;
//document.getElementById("imgBar").style.width = temp;
document.getElementById("ddf").style.width = temp;
document.getElementById("laPercent").innerText = temp;
if (temp == "100%") {
clearTimeout(timer);
}
else {
document.getElementById("ddf").style.width = temp;
document.getElementById("laPercent").innerText = temp;
}
}
}
xmlHttp.send(urls);
}
</script>

</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="butShowGuestInfo" runat="server" Text="star"
onclick="butShowGuestInfo_Click" /><label id="laPercent">12</label>
<div style="background-color:Blue; width:200px;" id="ddf"><%--<img src="img/guide_actived.gif" style=" height:22px;" id="imgBar" border="0" />--%></div>

<%=loadBar%>
</div>
</form>
</body>
</html>