[SOLUCIONADO] Diseño para descarga de ficheros

[Maverick2786]

Estoy buscando una forma de poner una barra de progreso que se vaya incrementadno conforme se va preparando el fichero de descarga , tambien necesito mostrar el valor que aparece en inspeccionar elemento -> Network, la columna que dice size, es decir este valor se va incrementando conforme se va preparando el fichero para descarga

y este valor mostarlo en mi pagina

De antemano gracias por la ayuda

[Maverick2786]

Ya la consegui por si alguien en algun fututo lo necesita jajaja (siempre quise dejar escrito algo asi)

lo saque de la paginas http://stackoverflow.com

Dejo la solucion y la pregunta donde lo obtuve :

Código Javascript:

$.ajax({
     xhr: function(){
       var xhr = new window.XMLHttpRequest();
       //Upload progress
       xhr.upload.addEventListener("progress", function(evt){
       if (evt.lengthComputable) {
         var percentComplete = evt.loaded / evt.total;
         //Do something with upload progress
         console.log(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);
         }
       }, false);
       return xhr;
     },
     type: 'POST',
     url: "/",
     data: {},
     success: function(data){
    //Do something success-ish
    }
 });
 

Web de respuesta: http://stackoverflow.com/questions/1...equest-seconds