Как сделать load бар в load() Javascript?

Question

Как сделать load бар в load() Javascript?

у Меня есть страница php index.php , парень загружает другую страницу php странице.php load():

$("#div").load('pagina.php');

Этой странице у меня есть цикл For с sql много времени, и я должен показать прогресс этого запроса. Проблема в том, что эта страница только загружается в div после окончания запроса.

Есть ли способ, чтобы я принести load прогресса в Базе Данных страницы странице.php ведь внутри этого javascript загружает перед на странице " index.php ? Например:

$('#div').html("Carregando...");
$("#div").load('pagina.php');

, Но вместо сообщения "Загрузка", я должен показать прогресс.

Спасибо.

1

php javascript mysql

Author: Alisson Menezes, 2016-06-21

Source

1 answers

score 1 · Accepted Answer

Следующий пример ниже:

<html>
<style>
div#loading {
  width: 100%;
  height: 100%;
  display: table;
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  z-index: 9999;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body style="margin: 0;">
<div id="loading">
	<div style="background:url('http://loading.io/assets/img/default-loader.gif') no-repeat center center;width:50px;height:50px;display: table-cell;"></div>
</div>
<!--

COLOCA AQUI O CORPO DA PAGINA

-->
<script>$(document).ready(function() { $('div#loading').fadeOut() });</script>
</body>
</html>

Вы можете изменить стиль carregadro и между узлом http://loading.io