B
blankito1998
Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
esta barra si funciona perfectamente, podrias quitar las horas y minutos? es que no me muestra la hora y minutos que le faltan :c¡Claro que sí! Aquí adapto tu código para trabajar con esta barra de progreso:
JavaScript:$(document).ready(function() { var startTime; $('#miFormulario').ajaxForm({ beforeSend: function() { startTime = new Date().getTime(); // Registra el tiempo de inicio }, uploadProgress: function(event, position, total, percentComplete) { var percentVal = percentComplete + '%'; // Aquí actualizamos la barra de progreso $('#barra_estado').width(percentVal); $('#barra_estado span').html(percentVal); // Cálculo del tiempo restante var currentTime = new Date().getTime(); var uploadTime = currentTime - startTime; var totalEstimatedTime = uploadTime * total / position ; var timeRemaining = totalEstimatedTime - uploadTime; var seconds = Math.floor(timeRemaining / 1000); var minutes = Math.floor(seconds / 60); var hours = Math.floor(minutes / 60); $('.timeRemaining').html(hours + 'h ' + (minutes % 60) + 'm restantes'); var sizeRemaining = total - position; var sizeRemainingMB = (sizeRemaining / (1024*1024)).toFixed(2); $('.sizeRemaining').html(sizeRemainingMB + 'MB restantes'); }, }); });
En este caso, actualizamos la barra de progreso cambiando su ancho y actualizando el texto dentro del span según el porcentaje de finalización. Asegúrate de tener los estilos CSS adecuados para que tu barra de progreso se muestre correctamente.