Bootstrap, de Twitter, es el marco front-end más popular en la actualidad. Bootstrap se basa en HTML, CSS y JavaScript. Es simple y flexible, lo que hace que el desarrollo web sea más rápido.
La barra de progreso proporcionada por el marco Bootstrap, como el código en el tutorial de los novatos
<div> <div role = "ProgressBar" Aria-Valuenow = "60" Aria-Valuemin = "0" Aria-Valuemax = "100"> <span> 40% Completo </span> </div> </div>
Déjame, un verdadero novato como yo, no sé cómo ... Que se convierta en una barra de progreso real. Sin embargo, después de ingresar a Baidu por varias veces, solo puede lograrlo agregando código jQuery para cooperar. Mi título finalmente se realiza de la siguiente manera, un poco feliz.
<div id = "mymodal1" tabindex = "-1" "role =" dialog "aria-labelledby =" mymodallabel "aria-hidden =" true "data-backdrop =" static "> <div> <div> <span style =" text-align: Center; color: rojo "> el archivo está cargado, ¡no refresca la página! </span> <r/> <div> <div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
El párrafo anterior es usar el cuadro emergente para contener la barra de progreso. De lo contrario, ¿cómo puedo lograr algo que comience a esconderse? Cuando se usa Bootstrap como una barra de progreso o un cuadro emergente fijo, agregar datos-backdrop = "estático" es mejor, porque sin esta modificación, simplemente hace clic en el mouse y el cuadro emergente desaparecerá.
<scripts> var p = 101; var stop = 1; function run () {p += 4; $ ("div [class = bar]"). css ("ancho", p + "%"); VAR TIMER = SETTIMEOUT ("Run ()", 500); if (p> 100 && stop <1) {p = 0; }} $ ('#Btnsubmit'). Click (function () {$ ('#mymodal1'). Modal ('show'); p = 0; stop = 0; run (); $ ('##ibaad'). Subt ();}); </scripts>De hecho, la barra de progreso de Bootstrap se muestra a través del estilo CSS, por lo que siempre que siga modificando el valor del ancho de estilo, puede mostrarlo. Por supuesto, en mi ciclo, la página de actualización solo puede ser redescubierta y oculta. Si es así, envíelo con POST, entonces juzgue en función del valor de retorno y luego escúchelo con $ ('#myModal1'). Modal ('escondite'); y cambie el valor correspondiente de parada a 1, de lo contrario seguirá funcionando.