Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Como mostrar una barra de estado de 0 100% mientras subo archivos

Hola q tal amigos como puedo mostrar una barra de estado de 0 100% mientras subo archivos
como este ejemplo


este el codigo q tengo
<form onsubmit="return false" id="formcurs">
                          <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label>Titulo(*):</label>
                            <input type="text" class="form-control" name="titulo" id="titulo" maxlength="100" placeholder="Titulo">
                          </div>

                          

                          <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12"><br>
                            <a onclick="subir_img_tiemporeal(1);" class="btn btn-info">Subir imagen destacada(*)</a>
                          </div>


                          <div class="form-group cil-md-12">
                          	<div id="cargando">Subiendo...</div>
                          </div>

                          <div class="form-group col-md-12">
                            <div class="row" id="imagentiemporeal">
                              
                            </div>
                          </div>





                          <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <button class="btn btn-primary" type="submit" onclick=" add_cursos(titulo.value);" ><i class="fa fa-save"></i> Guardar</button>
                          </div>
                        </form>
          
                        <form class="oculto" onsubmit="return false" method="post" id="formTiemporeal" enctype="multipart/form-data">
                          <input type="file" name="imagenupload[]" id="imagenupload" multiple onchange="subir_img_tiemporeal(2);">
                        </form>
Y este es el ajax
function subir_img_tiemporeal(valor) {
	if (valor == 1) {
		$('#imagenupload').click();
	} else if (valor == 2) {
		$('#cargando').slideDown(500);
		var formData = new FormData($("#formTiemporeal")[0]);
		$.ajax({
			type: 'POST',
			url: urlweb + 'ajax/tiemporeal.php',
			data: formData,
			contentType: false,
			processData: false,
			success: function(respuesta) {
				//Refrescar imagen
				$('#formTiemporeal')[0].reset();
				$('#imagentiemporeal').append(respuesta);
				$('#cargando').fadeOut(500);
			}
		});
	}

}

Editado
1
Puntos
69
Visitas
0
Resp
Por eduaryein hace 1 mes
Principiante Sitio web
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate