O Bootstrap, do Twitter, é a estrutura de front-end mais popular no momento. O Bootstrap é baseado em HTML, CSS e JavaScript. É simples e flexível, tornando o desenvolvimento da Web mais rápido.
A barra de progresso fornecida pela estrutura do bootstrap, como o código no tutorial de iniciantes
<div> <div role = "ProgressBar" Aria-valuenow = "60" Aria-valuemin = "0" ARIA-valuemax = "100"> <pan> 40% completo </span> </div> </div>
Deixe -me, um novato de verdade como eu, não sei como ... deixe que isso se torne uma verdadeira barra de progresso. No entanto, depois de entrar no Baidu por algumas vezes, você só pode conseguir isso adicionando o código jQuery para cooperar. Meu diploma é finalmente realizado da seguinte maneira, um pouco feliz.
<div id = "myModal1" tabindex = "-1" role = "diálogo" aria-labelledby = "mymodallabel" aria-hidden = "true" data-backdrop = "static"> <div> <div> <span style = "text-align: center: cor: vermelho"> o arquivo está sendo untro </span> <r/> <div> <div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
O parágrafo acima é usar a caixa pop-up para conter a barra de progresso. Caso contrário, como posso conseguir algo que comece a se esconder? Ao usar o bootstrap como uma barra de progresso ou uma caixa de pop-up fixa, adicionar data-backdrop = "static" é melhor, porque sem essa modificação, basta clicar no mouse e a caixa pop-up desaparecerá.
<Cripts> var p = 101; var stop = 1; function run () {p += 4; $ ("div [class = bar]"). css ("largura", p + "%"); var timer = setTimeout ("run ()", 500); if (p> 100 && stop <1) {p = 0; }} $ ('#BtnsubMit'). Clique (function () {$ ('#myModal1'). Modal ('show'); p = 0; stop = 0; run (); $ ('#upload'). Submit ();}); </scripts>De fato, a barra de progresso do bootstrap é exibida através do estilo CSS; portanto, desde que você continue modificando o valor da largura do estilo, você pode exibi -lo. Obviamente, no meu ciclo, a página de atualização só pode ser redescoberta e oculta. Nesse caso, envie -o com post e junte com base no valor de retorno e oculte -o com $ ('#myModal1'). Modal ('hide'); e altere o valor correspondente da parada para 1, caso contrário, continuará sendo executado.