Guest User

Uploading with progress example

a guest
Feb 10th, 2015
252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var p=$('<progress max="100" value="0"><span class="value">0</span>%</progress>');
  2. $.ajax({url:$('form').attr('action'), type:'POST', xhr:function(){
  3.     var myXhr = $.ajaxSettings.xhr();
  4.     if(myXhr.upload){
  5.         myXhr.upload.addEventListener('progress',function(e){
  6.             if(e.lengthComputable){
  7.                 p.attr({value:e.loaded,max:e.total});
  8.                 p.find('span').text(Math.floor(100*e.loaded/e.total));
  9.             }
  10.         }, false);
  11.     }
  12.     return myXhr;
  13. }, success:function(z){
  14. }, error:function(){
  15. }, data:{}, cache:false, contentType:false, processData:false});
  16. $('#progress').append(p);
Advertisement
Add Comment
Please, Sign In to add comment