Barra de processamento em quanto os dados estiverem sendo salvos no banco de dados

[MACGYVER_BEST]

Boa tarde! Sou novo aqui, gostaria de saber como faço para mostrar uma mensagem para o usuário enquanto os dados estiverem sendo salvos. Por exemplo, estou inserindo em uma tabela que faz cálculos e salvando 15000 dados diferente no banco, mas gostaria de mostrar para o usuário aguardar enquanto os dados estão sendo salvos, e logo após salvar os dados, que os mesmos foram salvos.
Utilizo conexao com banco de dados em PDO.

$db = "mysql";

$host = "localhost";

$user = "root";

$pass =  "";

$dbname = "calculos";

$connect;

 

try {

    $connect = new PDO($db . ':host=' . $host . ';dbname=' . $dbname, $user, $pass);

 

    

} catch (Exception $ex) {

    die('Erro Não Há Conexão!');

}

 

                                            $query_numeros = "INSERT INTO calculos (um, dois, ...) VALUES (

                                        :um, :dois, ...)";

                                            $result_numeros = $connect->prepare($query_numeros);

                                            $result_numeros->bindParam(':um', $valor1, PDO::PARAM_INT);

                                            $result_numeros->bindParam(':dois', $valor2, PDO::PARAM_INT);

                                             ...

                                            $result_numeros->execute();

 

obrigado pela ajuda

Editado Setembro 28, 2021 por MACGYVER_BEST

[lowys]

Olá!
Resolve-se com javascript através de uma requisição ajax

[MACGYVER_BEST]

ok, mas como que pego a informação da query (em PDO) e mando para dizer que já finalizou, e também para mostrar que ainda está em processamento. Realmente não sei como fazer o ajax dessa forma e nem o retorna da query.  Agradeço se puder me ajudar !

[lowys]

encontrei esse exemplo.
veja se te ajuda a entender:
https://makitweb.com/display-loading-image-when-ajax-call-is-in-progress/

E esse:
https://stackoverflow.com/questions/4684722/show-loading-image-while-ajax-is-performed

E tb esse vídeo:

 

Editado Setembro 30, 2021 por lowys

[Frank K Hosaka]

astudy.php
-----------------------------------------------------
<input type=submit value=Iniciar onclick=loadarea.src='astudy2.php'>
<div id="progressbar" style="border:1px solid #ccc; border-radius: 5px; "></div>
<br>
<div id="information" ></div>
<iframe id="loadarea" style="display:none;"></iframe><br />

astudy2.php
-----------------------------------------------------------
<?php
// crédito desse algoritmo: https://shareurcodes.com/blog/real%20time%20progress%20bar%20in%20php#:~:text=A%20progress%20bar%20can%20be,PHP%20code%20and%20some%20javascript.
$mysqli=new mysqli("localhost","root","","diario");
$query=$mysqli->query("select * from tbpessoa");
$i=0;
$total=16728 // quantidade atual de registros em tbpessoa
while ($row=$query->fetch_assoc()){
	$i++;
	$percent=intval($i/$total*100)."%";
    echo '<script>
    parent.document.getElementById("progressbar").innerHTML="<div style=\"width:'.$percent.';background:linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); ;height:35px;\">&nbsp;</div>";
    parent.document.getElementById("information").innerHTML="<div style=\"text-align:center; font-weight:bold\">'.$percent.' is processed.</div>";</script>';

    ob_flush(); 
    flush(); 
}
echo '<script>parent.document.getElementById("information").innerHTML="<div style=\"text-align:center; font-weight:bold\">Process completed</div>"</script>';