Estoy tratando de crear una barra de progreso al cargar archivos e importar datos en la base de datos.

He creado un importador con laravel y ajax con jquery. En este importador estoy leyendo todos los datos de un archivo CSV. Obtengo todas las filas y columnas de este archivo y, mientras lo leo, realizo una consulta de inserción con eloquent. Este es mi código:

 $fp = fopen($route, 'r'); // header $head = fgetcsv($fp, 4096, ';', '"'); $header = []; $header[0] = 'nomape'; $header[1] = 'direccion'; $header[2] = 'cp'; $header[3] = 'ciudad'; $header[4] = 'provincia'; $header[5] = 'telefono'; $header[6] = 'movil'; $rows = 0; $cells = 0; // Rows while($column = fgetcsv($fp, 8192, ';', '"')) { // build array to can combine header and this array $columns = []; foreach ($column as $val) { array_push($columns, $this->delete_accent($val)); } $column = array_combine($header, $columns); $result = Listado::insert($column); if($result){ $rows++; } $cells++; } fclose($fp); return 'Importados un total de: ' .$rows. ' de un total de: ' . $cells;

Estas operaciones toman tiempo. En la browser console web en network tab , puedo mostrar mi petición http pendiente mientras importo todos mis datos. Mi CSV tiene un registro 69000.

Con este código estoy construyendo mi barra de progreso:

 $.ajax({ xhr: function() { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener("progress", function(evt) { if (evt.lengthComputable) { var percentComplete = (evt.loaded / evt.total) * 100; // Place upload progress bar visibility code here console.log(percentComplete); } }, false); return xhr; },

Pero esto devuelve el 100% del valor en segundos, cuando estas operaciones toman muchos minutos. Mi pregunta es ¿cómo puedo obtener un progreso real para crear mi barra de progreso?