Question

用jquery怎么实现上传进度条的问题？

详细一点：
$(document).ready(function() {
$("#spaceused1").progressBar();
$("#spaceused2").progressBar({ barImage: 'images/progressbg_yellow.gif'} );
$("#spaceused3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} );
$("#spaceused4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} );
$("#uploadprogressbar").progressBar();
});不好使啊，我没弄懂，应该怎么用啊，感觉不全啊

直接找到id=’#spaceused1‘的div块，不需要其他的操作吗？

要是谁能有现成的工程的话，请发给我一份，邮箱：55768226@qq.com，谢谢啊

Answer 1

当然,因为插件里面自己做了其他设置,你只需要给一个层的一个ID.
然后progressBar()即可.

这是默认的属性
{
steps : 20,
stepDuration : 20,
max : 100,
showText : true,
textFormat : 'percentage',
width : 120,
height : 12,
callback : null,
boxImage : 'images/progressbar.gif',
barImage : {
0: 'images/progressbg_red.gif',
30: 'images/progressbg_orange.gif',
70: 'images/progressbg_green.gif'
},
};

都有DEMO的,你可以下载个插件里面有告诉你怎么办的解决办法.

var progress_key = '4f9678256eb2c';

// this sets up the progress bar
$(document).ready(function() {
$("#uploadprogressbar").progressBar();
});

// fades in the progress bar and starts polling the upload progress after 1.5seconds
function beginUpload() {
// uses ajax to poll the uploadprogress.php page with the id
// deserializes the json string, and computes the percentage (integer)
// update the jQuery progress bar
// sets a timer for the next poll in 750ms
$("#uploadprogressbar").fadeIn();

var i = setInterval(function() {
$.getJSON("demo.php?id=" + progress_key, function(data) {
if (data == null) {
clearInterval(i);
location.reload(true);
return;
}

var percentage = Math.floor(100 * parseInt(data.bytes_uploaded) / parseInt(data.bytes_total));
$("#uploadprogressbar").progressBar(percentage);
});
}, 1500);
}