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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *