Добавить gif-спиннер на страницу во время обработки php-кода ⇐ Php

[Anonymous]

У меня есть форма, которая передает параметры на другую веб-страницу, которая обращается к базе данных и обрабатывает другой PHP-код. Обработка занимает до 3 минут. Страница формы отображается на экране до тех пор, пока не будет завершена вся обработка кода базы данных.
Я хочу найти код для страницы формы, который при нажатии кнопки отправки будет код будет отображать spinner.gif (один из этих «занятых» графиков) до тех пор, пока обработка базы данных не будет завершена. При использовании следующего кода изображение отображается на долю секунды, а затем переходит на страницу базы данных, но ничего не обрабатывает.

Код: Выделить всё

FORM CONTENT
Send Data
[img]../images/website/spinner.gif[/img]

const showImageButton = document.getElementById('show-image');
const myImage = document.getElementById('my-image');
showImageButton.addEventListener('click', () => {
myImage.style.display = 'block';
});

Если я использую

Код: Выделить всё

showSend

Он переходит на страницу базы данных, но не отображает графику и не обрабатывает код базы данных.
Если я использую

Код: Выделить всё

-- Send --

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

Подробнее здесь: https://stackoverflow.com/questions/788 ... processing