返回信息流用jquery做的进度条，我设置进度都是100％，结果前面俩个100％没填充满进度条。可能是什么原因呢？我觉得可能是html部分的问题
这是一条镜像帖。来源：北邮人论坛 / www-technology / #11335同步于 2010/10/30
该镜像源已超过 30 天没有更新，可能在源站已被删除。
WWWTechnology机器人发帖
进度条的问题
ctrl
2010/10/30镜像同步3 回复
订阅后，新回复会通过你的通知中心匿名送达。
3 条回复
呀，没人理我。。。。源代码贴出来，有空的牛人帮我看看哈，谢啦
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>管理</title>
<style type="text/css" media="screen">
a{TEXT-DECORATION:none}
</style>
<link rel="stylesheet" type="text/css" href="css/download.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="download.js"></script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="850" border="0" cellspacing="0" cellpadding="0">
<?php
$i=0;
$ml=0;
while(!empty($Id[$i]))
{
?>
<tr>
<td></td>
<td colspan="2"><font size="-1" face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif"><?echo $Filename[$i]?></font></td>
<td></td>
<td></td>
</tr>
<tr >
<td ><input type="radio" name="radiogroup" value=<?if($Id[$i]>1000){ echo $Id_mldonkey[$ml];$ml++;} else{ echo $Id[$i];}?> /></td>
<td></td>
<td>
<div class="progressbar" id="<?echo $Id[$i];?>" >
<span class="finishstart"> </span>
<div class="loading"></div>
<span class="end"> </span>
</div>
</td>
<?if($Percent[$i]==1)
{
?>
<td width="80"><img src="images/02_41.jpg" alt="" height="23" width="29" border="0"></td>
<?
}
else if($Percent[$i]!=1 && (strstr($Status[$i],"Stopp")!=FALSE || strstr($Status[$i],"Pause")!=FALSE))
{
?>
<td width="80"><img src="images/02_34.jpg" alt="" height="23" width="29" border="0"></td>
<?
}
else
{
?>
<td width="80"><img src="images/02_37.jpg" alt="" height="23" width="29" border="0"></td>
<?
}
?>
</tr>
<tr>
<td></td>
<td colspan="2"><font size="-1" face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif"><?echo $Done[$i];?>/<?echo $Totalsize[$i];?> 下载速度：<?echo $Down[$i];?>KB/s 上传速度：<?echo $Up[$i];?>KB/s</font></td>
<td></td>
<td></td>
</tr>
<tr height="15">
<td></td>
<td colspan="2" height="8"></td>
<td></td>
<td></td>
</tr>
<?
$i++;
}
?>
</table>
<script language="JavaScript" type="text/javascript">
var List=new Array();
var Percent=new Array();
<?php
$k=0;
while(!empty($Id[$k]))
{
?>
List.push(<?php echo $Id[$k];?>);
<?
$k++;
}
?>
//alert(List);
<?php
$k=0;
while(isset($Per[$k]))
{
?>
Percent.push(<?php echo $Per[$k];?>*100);
<?
$k++;
}
?>
//alert(Percent);
var len_trans=Percent.length;
$(document).ready(function () {
var p=new Array([len_trans]);
var n=0;
while(n<len_trans)
{
p[n] = new progressbar(List[n]);
// var nowProg=Percent[n];
var nowProg=100;
p[n].val(nowProg);
n=n+1;
}
setInterval(setValue, 40);
function setValue() {
}
});
</script>
</body>
</html>
下面是download.js,实现进度条控制，从网上下的。
function progressbar(pbarId) {
this.pbarid = pbarId;
}
progressbar.prototype = {
val: function (value) {
if (value > 0) //设置了百分比并且大于0 就设置开始的圆角为蓝色
$("start").removeClass("start").addClass("finishstart");
else
$("start").removeClass("finishstart").addClass("start");
var pbarWidth = $("#" + this.pbarid).width();
var x = pbarWidth * 0.01 * value;
if (value >= 100) {
//当进度条为100%的时候将末尾的背景变成蓝色的
$("#" + this.pbarid).find(".end").removeClass("end").addClass("finishend");
x = pbarWidth;
}
$("#" + this.pbarid + " .loading").css("width", x + "px");
}
}
这个是download.css,控制进度条的
.progressbar{height:11px; background:url(../new/images/03_34.png) repeat-x; position:relative}
.progressbar .start,.progressbar .end,.progressbar .finishstart,.progressbar .finishend{position:absolute;top:0}
.progressbar .start{background:url(../new/images/03_33.png) no-repeat;left:0}
.progressbar .end{background:url(../new/images/03_36.png) no-repeat;right:-3px}
.progressbar .finishstart{background:url(../new/images/03_23.png) no-repeat;left:0}
.progressbar .finishend{background:url(../new/images/03_27.png) no-repeat;right:-4px;top:1px;}
.progressbar .loading{background:url(../new/images/03_24.png) repeat-x;height:11px}