Ejemplo
Vista Previa
<!DOCTYPE html> <html> <head> <title>Prueba de Bootstrap</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="container"> <div class="progress"> <div class="progress-bar progress-bar-success" role="progressbar" style="width:70%"> 70% </div> </div> <div class="progress"> <div class="progress-bar progress-bar-info" role="progressbar" style="width:80%"> 80% </div> </div> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" style="width:90%"> 90% </div> </div> <div class="progress"> <div class="progress-bar progress-bar-danger" role="progressbar" style="width:95%"> 95% </div> </div> <hr> <div class="progress progress-striped"> <div class="progress-bar progress-bar-success" role="progressbar" style="width:70%"> 70% </div> </div> <hr> <div class="progress progress-striped active"> <div class="progress-bar progress-bar-success" role="progressbar" style="width:70%"> 70% </div> </div> <hr> <div class="progress"> <div class="progress-bar progress-bar-success" role="progressbar" style="width:30%"> Correcto </div> <div class="progress-bar progress-bar-warning" role="progressbar" style="width:30%"> Cuidado </div> <div class="progress-bar progress-bar-danger" role="progressbar" style="width:20%"> Peligro </div> </div> </div> </body> </html>
No tiene disponible el navegador la capacidad de iframe