Bootstrap, из Twitter, является самой популярной фронтальной структурой в настоящее время. Bootstrap основан на HTML, CSS и JavaScript. Это просто и гибко, что делает веб -разработку быстрее.
Бар прогресса, предоставленная в рамках начальной загрузки, такая как код в учебном пособии Novices
<div> <div rol = "progressbar" aria-valuenow = "60" aria-valuemin = "0" aria-valuemax = "100"> <pran> 40% завершен </span> </div> </div>
Позвольте мне, такими настоящими новичками, как я, не знаю, как ... пусть это станет настоящей панелью прогресса. Однако после входа в Baidu в течение нескольких раз вы можете достичь этого, только добавив код jQuery для сотрудничества. Моя степень наконец реализована следующим образом, немного счастлива.
<div id = "mymodal1" tabindex = "-1" rol = "dialog" aria-labelledby = "mymodallabel" aria-hidden = "true" data-backdrop = "static"> <viv> <div> <span style = "text-align: center; color: красный"> файл загружается, пожалуйста, не наносят напоминает страницу! </span> <br/> <div> <div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
Приведенный выше абзац-использовать всплывающую окно, чтобы содержать панель прогресса. В противном случае, как я могу достичь чего -то, что начинает скрываться? При использовании Bootstrap в качестве панели хода или фиксированного всплывающего окна добавление Data-backdrop = "static" лучше, потому что без этой модификации вы просто нажимаете мышь, и всплывающее окно исчезает.
<Скрипты> var p = 101; var stop = 1; функция run () {p += 4; $ ("div [class = bar]"). css ("ширина", p + "%"); var timer = settimeout ("run ()", 500); if (p> 100 && stop <1) {p = 0; }} $ ('#Btnsubmit'). Click (function () {$ ('#mymodal1'). Modal ('show'); p = 0; stop = 0; run (); $ ('#upload'). Opper ();}); </scripts>На самом деле, панель начальной загрузки отображается в стиле CSS, поэтому, если вы продолжаете изменять значение ширины стиля, вы можете отобразить его. Конечно, в моем цикле страница обновления может быть только заново открыта и скрыта. Если это так, отправьте его с сообщением, тогда судья на основе возвратной стоимости, а затем скрыть его с $ ('#mymodal1'). Modal ('hide'); и изменить соответствующее значение остановки на 1, в противном случае он будет работать.