Foros del Web » Creando para Internet » HTML »

ocultar barra de carga

Estas en el tema de ocultar barra de carga en el foro de HTML en Foros del Web. Hola amigos una pregunta. En bootstrap proporciona un codigo para hacer una barra de carga: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < div class = ...
  #1 (permalink)  
Antiguo 22/07/2015, 03:43
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 5
ocultar barra de carga

Hola amigos una pregunta.

En bootstrap proporciona un codigo para hacer una barra de carga:

Código HTML:
Ver original
  1. <div class="progress">
  2.   <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
  3.     <span class="sr-only">20% Complete</span>
  4.   </div>
  5. </div>

Y cierto, cuando lo coloco en la web aparece la barra de carga.

Pero como se hace para que cuando la barra llega al 100% , dicha barra se oculte???

Por que no veo que bootstrap propocione un codigo para ello.

gracias de antemano.
  #2 (permalink)  
Antiguo 26/07/2015, 14:09
 
Fecha de Ingreso: agosto-2013
Ubicación: A Coruña
Mensajes: 54
Antigüedad: 11 años, 3 meses
Puntos: 14
Respuesta: ocultar barra de carga

Hola.
Te dejo por aqui un ejemplo que hice de una barra de progreso para que la veas.
Esta animada con jQuery a través del valor aria-valuenow:

http://codepen.io/miranda90/pen/doggyw

Espera que sea de ayuda. Un saludo

Etiquetas: barra
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:37.