使用 jQuery progressBar 做文件上传的进度条指示

http://www.oschina.net/code/snippet_12_1313
var progress_key = '4cd0f29463edb';
 
// 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);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值