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