Как сделать панель выполнения выполнения, когда форма отправляется на одну страницу на другую страницу

Question

У меня есть страница form.php, когда я заполняю форму и нажимаю кнопку отправки, она переходит в код.php, а затем показывает результат на другом страница с именем ipo.php

я хочу показать Загрузка прогрессбар между ними form.php к ipo.php

плз кто-нибудь мне помочь ??

Answer 1

Страница всегда загружается из-под вниз. Зная это, мы можем построить архитектуру загрузчика.

Первый шаг, мы создаем div-загрузчик, который будет накладываться на все слои веб-сайта. При загрузке сайта мы увидим загрузчик. Что касается вашего вопроса, вы должны создать этот div на страницах form.php и ipo.php. На странице form.php, вы можете добавить атрибут «дисплей: нет» Css

<div id="loader" style="position: fixed; top:0; left:0; width:100%; height: 100%; background: url('loader.gif') center center #efefef"></div> 

Второй шаг, мы должны скрыть загрузчик, когда страница уже загружена. На этом шаге мы используем метод JQuery $ .ready

$(document).ready(function() 
{ 
    $('#loader').hide(); 
}) 

Третий шаг, мы должны перехватить обработчик нажатия на ссылку на form.php, и показать загрузчик до страница выгружается

$(document).ready(function() 
{ 
    $('form').submit(function() 
    { 
     $('#loader').show(); 
    }) 
}) 

в результате, мы имеем небольшую функцию JQuery для показа загрузчика, когда пользователь отправить форму на form.php и перенаправлять ipo.php

$(document).ready(function() 
{ 
    $('#loader').hide(); 

    $('form').submit(function() 
    { 
     $('#loader').show(); 
    }) 
}) 

Answer 2

для прогресс бар посмотрите на это: REF

Вы можете положить code.php int в действии этой формы в form.php. Для загрузки ipo.php вы должны добавить успех в AJAX как

success: function(data){ 
    $("#place you want to load").load("ipo.php"); 
} 

есть и другие решения/плагины доступны для этого тоже.