Tabla de contenidos
Progress bar bootstrap 3.0
Resumen
En el siguiente articulo vamos a entender como realizar una barra de progreso sencilla con bootstrap 3.0 en el ambiente de drupal 7.
Código
// la clase active permitirá que la barra se mueva simulando un gif $form['bar'] = array( '#type' => 'markup', '#markup' => '<div class="progress"> <div class="progress-bar progress-bar-striped active" role="progressbar" style=" background-color: #6a9e51;width:'.Elemento importante indicara que tan llena estará la barra su mínimo es 0 y su máximo 100.';"></div> </div>', );
Notas
Es importante establecer que el atributo width es el que nos indicara el tamaño de la barra por ende el progreso que queremos simular en esta.
Podemos utilizar diferentes herramientas como js, jquery para establecer un width dinámico esto depende de la creatividad de cada desarrollador.
0 comentarios