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.

 


3 comentarios

789bet09 · diciembre 3, 2025 a las 8:04 pm

Yo, 789bet09. Wanna give this a try? 789bet09

wjcassino · diciembre 19, 2025 a las 6:58 pm

Yo, check out wjcassino! It’s got a slick interface and some decent games. Nothing mind-blowing, but solid for a quick gamble. wjcassino

n999gameapk · diciembre 19, 2025 a las 10:07 pm

Hey, just found n999gameapk! Anybody else using it? Seems pretty legit for snagging some cool game APKs. Definitely worth checking out if you’re tired of the usual places. Get your game on with n999gameapk!

Deja una respuesta

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