twitter bootstrap - dinamica - ¿Barras de progreso de Bootstrap más delgadas?
progress bar css (3)
¿Cómo puedo hacer que las barras de progreso sean más delgadas con Bootstrap 3.0? Estoy pensando en cómo se ve el medidor de Me gusta / no me gusta de YouTube (la barra azul). He intentado buscar cualquier truco de CSS pero no pude encontrar nada.
Shina tiene razón, solo me gustaría agregar, puede que en algunos casos sea necesario agregar el comando! Important para que el cambio se aplique sobre el parámetro ya establecido de la clase "progreso", como esto:
.progress {height: 10px !important;}
También puedes usar:
<div class=''.progress-sm''> ...your code ... </div>
Creo que es la mejor solución, ya que usarás una clase bootstrap.
Tan fácil como hacer esto:
.progress {height: 10px;}
Ver: Reducir la altura de la barra de progreso.
Extra, si desea mostrar el texto dentro de la barra de progreso:
.progress {height: 20px;} // we increased it so the text is visible or change font size
.progress .sr-only { position: relative; }