• Wednesday , 21 November 2018

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

Code Canyon
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

3d Ocean

Related Posts

14 Comments

  1. FalconMasters
    November 4, 2018 at 11:59

    ✔️ NUEVO Curso de Bootstrap 4:
    https://www.youtube.com/watch?v=xzZBp0hPX0Y

  2. Juan
    November 4, 2018 at 11:59

    No me sale

  3. David Padilla
    November 4, 2018 at 11:59

    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

  4. Luis Alfredo Sánchez Córdova
    November 4, 2018 at 11:59

    hola si quisiera que el valor que va a tomar la barra lo tome de una variable como se podria hacer?

  5. adriancrr
    November 4, 2018 at 11:59

    Bro eres todo un emprendedor, el mundo necesita mas personas como tu, que les guste lo que hacen!!! un abrazo y saludos, graciass!!

  6. Guadalupe Silva
    November 4, 2018 at 11:59

    Guadalupe

  7. Alfredo Callizaya Gutierrez
    November 4, 2018 at 11:59

    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 ….

  8. Yony salgado
    November 4, 2018 at 11:59

    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>

  9. jefferson olarte
    November 4, 2018 at 11:59

    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 .

  10. rextreb
    November 4, 2018 at 11:59

    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

  11. Cristobal Morales
    November 4, 2018 at 11:59

    Hola Carlos Arturo, primero que todo muchas gracias por estos geniales tutoriales y por lo bien explicados que los haces!.

    Quiero preguntarte sobre las etiquetas tipo "role" ¿para qué sirven estas?

  12. Patricio Carestia
    November 4, 2018 at 11:59

    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!!

  13. ҳ̸Ҳ̸ҳ Angel Komander ҳ̸Ҳ̸ҳ کτγℓع ☞
    November 4, 2018 at 11:59

    muy bueno amigo pero imposible k pueda recordar todos esos codigos jajaaja xD

  14. Aprendizz
    November 4, 2018 at 11:59

    +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 Comment

You must be logged in to post a comment.