Curso completo de Bootstrap 25.- Barras de progreso / Progress Bar



https://i.ytimg.com/vi/093pKz4YzY4/hqdefault.jpg



En este capitulo aprenderemos como agregar diferentes barras de progreso con bootstrap.

✔️ NUEVO 🎥 CURSO DE BOOTSTRAP 4 (Cupón EXCLUSIVO 90% Descuento): https://goo.gl/xDqcDW

✔️ Curso de PHP y MYSQL: Completo, Práctico y desde Cero
http://www.tutorialdephp.com

✔️ Curso de Diseño Web: El Curso Completo Practico y desde Cero.
https://goo.gl/xG7JT5

♦ Blog de diseño web:
http://www.falconmasters.com


♦ Sitio web de Bootstrap:
https://getbootstrap.com/docs/3.3/


Redes Sociales:

♦ Twitter @falconmasters:

♦ Pagina de Facebook:
http://www.falconmasters.com

Original source


14 responses to “Curso completo de Bootstrap 25.- Barras de progreso / Progress Bar”

  1. Excelente explicacion, solo queda aclarar algo que veo en todos los videos y es que sr-only no es para ningún "dispositivo especial", se utiliza para "screen readers", es decir lectores de pantalla que no son más que programas usados para leer la pantalla del ordenador lo cual ayuda mucho a personas con discapacidad visual a navegar por internet, en otras palabras, poner sr-only se lo utiliza únicamente con fines de accesibilidad web y es por eso que visualmente no tiene ningún efecto. Saludos

  2. Hola Carlos , genial lo que haces, gracias estoy aprendiendo mucho, eh al respecto tengo una duda como puedo hacer un progress bar con el que tiene youtube , siempre me eh preguntado como hacer eso es una pequeña color rojo que aparece antes de cargar un video se ven en la parte superior ,, tambien vi el mismo efecto en otras paginas gracias ….

  3. Después de realizar los ejemplos agrega este código después de la referencia y mira los progresos en acción.
    <script type="text/javascript">
    $( document ).ready(function() {
    var i = 0;
    var refreshIntervalId = setInterval(function(){

    if(i==100)
    {
    clearInterval(refreshIntervalId);
    return;
    }
    i++;
    $("div.progress-bar").html(i +"%").css("width", i +"%");
    }, 100);
    });
    </script>

  4. amigo estado buscando y no e podido encontrar la solución , quiero que el valor que depende la la barra de progreso , sea de una variable que viene de una base de datos, es decir si la variable que esta en mi base de daros es temp= 50 , el progress bar tenga la mitad de su valor y así sucesivamente .

  5. Hola, cuando te posicionas sobre una etiqueta te muestra la etiqueta de apertura y cierre, cual es el plugin que te permite hacer eso? ya instale el emmet y esta excelente, pero solo me falta poder identificar apertura/cierre de etiquetas
    Excelentes videos ya me chute varios, Gracias

  6. Amigo, cuantos años tienes?? Admiro tu pasión por este tema, y yo también la tengo, tengo 15 años y recien empiezo, nunca cree una web desde cero, hice un curso html en codecademy nada más, y edité templates muy bonitos orientados hacia mi propia web, pero no es ni parecido a crear una web desde cero.. me darías consejos? saludos y un abrazo!!

  7. +FalconMasters Hola Carlos Arturo, muchas gracias por los excelentes videos… están de 100…!!!
    Me gustaría sugerirte un tema sobre seguridad en bootstrap y html5… Sabemos que esas plantillas descargadas para Joomla, por ejemplo, traen códigos maliciosos… pero esto podría suceder en plantillas para Bootstrap o para HTML5? Cómo detectar esos códigos dañinos? Salu2 y muchas gracias!!!

Leave a Reply