Reading the progress stream on uploads - basis of using progress animations

progress

$.ajax({
            url: '/fileUpload',
            type: 'POST',
            data: formData,
            xhr: function(){
               var xhr = new window.XMLHttpRequest();
               //Upload progress
               xhr.upload.addEventListener("progress", function(evt){
               if (evt.lengthComputable) {
                 var percentComplete = evt.loaded / evt.total *100;
                 //Do something with upload progress
                 console.log(percentComplete);
                 console.log($('#progress'))
                 //$('#progress').attr('aria-valuenow',percentComplete)
                 $('#progress').html(percentComplete)
                 }
               }, false);
             //Download progress
               xhr.addEventListener("progress", function(evt){
                 if (evt.lengthComputable) {
                   var percentComplete = evt.loaded / evt.total;
                 //Do something with download progress
                   //console.log(percentComplete);
                   //$('#progress').attr('aria-valuenow',percentComplete) 
                 }
               }, false);
               return xhr;
             },
            processData: false,
            contentType: false,
            success: function(data){
                console.log(data);
            }
        })