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/