Surajit M Ответов: 0

Отображение индикатора выполнения после отправки формы

Пример моего требования: если веб-страница имеет форму, и когда вы отправляете форму, эта страница будет извлекать некоторые данные из базы данных, а затем отображать выходные данные. При извлечении данных ему требуется 9-10 секунд времени. В этот конкретный момент мне нужен загрузчик или индикатор выполнения, чтобы пользователь знал, что что - то происходит в фоновом режиме. индикатор выполнения был бы более предпочтительным. Пользователь может видеть, сколько времени осталось до загрузки веб-страницы


Я использую приведенный ниже код, который я вставил сюда, чтобы показать загрузчик при загрузке страницы.

Но этот код не служит моей цели, которую я ищу. Это просто показывает загрузчик, что тоже загрузчик не появляется, когда происходит какая-либо фоновая работа. Он виден, когда веб-страница почти готова к загрузке.

Примечание: Я использую CGI-скрипт (Perl и HTML) для написания своего кода, который работает на сервере.

Что я уже пробовал:

<pre lang="Javascript">document.onreadystatechange = function () {

    var state = document.readyState

    if (state == 'complete') {
        document.getElementById('interactive');
        document.getElementById('loading').style.visibility="hidden";
    }
}
#loading{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("http://code.jquery.com/mobile/1.3.1/images/ajax-loader.gif") no-repeat center center rgba(0,0,0,0.25)
}
<div id="loading"></div>

0 Ответов