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

17
22



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

✔️ NUEVO CURSO DE BOOTSTRAP 4 (Cupón EXCLUSIVO 90% Descuento):

🚀 Blog de diseño web:

✔️ Curso Completo de Diseño Web Profesional:

✔️ Curso Completo de PHP7 y MYSQL:

✔️ Curso de Ecommerce:


♦ Sitio web de Bootstrap:


Redes Sociales:

♦ Twitter @falconmasters:

♦ Pagina de Facebook:

Nguồn: https://alimentproteine.com/

Xem thêm bài viết khác: https://alimentproteine.com/cong-nghe/

17 COMMENTS

  1. Que buen video, pero nadie genera el progreso con Javascript, todo los vídeos que veo lo hacen manualmente desde el DOM

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

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

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

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

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

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

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

  9. 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?

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

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

  12. @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

Please enter your comment!
Please enter your name here