Jquery的进度条

Question

我正在尝试使用Jquery将上传进度条添加到以下脚本中。我对JS很新，所以如果有人有任何想法或教程，那就太棒了。

感谢。

    $('.buttonStyle2').click(function(e){
        e.preventDefault();
        $(this).hide();
        $('#upload').slideDown();
        $("html").animate({ scrollTop: $(document).height() }, "slow");
    });
    $('#form-add .submit_form').click(function (e){
            e.preventDefault();
            $.ajax({
                  type: "GET",
                  dataType: "JSON",
                  url: '<?php echo $this->url('video/add_video')?>?key='+$('#video_key').val()+'&title='+$('#title').val()+'&description='+$('#description').val(),
                  success: function(data) {
                    console.log(data);
                    if(typeof data !== "undefined" && data) {
                        if(data.id > 0) {
                            window.location.replace('<?php echo BASE_URL.$this->url('rate_my_swing');?>?video='+data.id);
                        } else {
                            $('.videoTabArea .error').show();
                        }
                    } else {
                        $('.videoTabArea .error').show();
                    }
                  }
            });
    });
});
function setGUID(id) {
    $('#form-iframe').hide();
    $('#video_key').val(id);
    $('#form-add').show();
}

Answer 1

请使用此http://blueimp.github.com/jQuery-File-Upload/