Barra di avanzamento

[Maurizion]

Bungiorno, ho bisogno di una dritta la realizzazione una barra di avanzamento.
ho creato il modulo per l'import da excel, carico dalle 5000 alle 10000 righe senza problemi.
La procedura, 0vviamente impiega diversi secondi.
Avete indicazioni ????
Grazie

[Fabio]

Ciao, meddi una gif animata (rotella che gira o barra che carica) in un "<div>" in centro pagina.
Il div deve essere inizialmente nascosto con lo stile display:none.
Quando inizia il caricamento lo visualizzi con un evento javascript tipo
document.getElementById("id_del_tuo_div").style.display = 'block";

[FabioV]

Se può servire ieri ho fatto al volo una procedura di attesa un po' 'rustica' visto che SC non prevede nulla di preimpostato.
Passi il messaggio che vuoi far apparire alla funzione e gira fino a quando non appare un pulsante OK che indica la fine della procedura.
Si potrebbe sostituire il messaggio con una immagine che ruoterebbe, ma mi serviva al volo.

function wait_message($str_message)
{

$ms = "<style type='text/css'>

#spinner {
text-align: center;
animation-name: spin, depth;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 3s;
}
@keyframes spin {
from { transform: rotateY(0deg); }
to { transform: rotateY(-360deg); }
}
@keyframes depth {
0% { text-shadow: 0 0 black; }
25% { text-shadow: 1px 0 black, 2px 0 black, 3px 0 black, 4px 0 black, 5px 0 black; }
50% { text-shadow: 0 0 black; }
75% { text-shadow: -1px 0 black, -2px 0 black, -3px 0 black, -4px 0 black, -5px 0 black; }
100% { text-shadow: 0 0 black; }
}</style>

<p id='spinner' style='font-size: 32px; font-family: sans-serif;'>$str_message</p>";


/*
$ms .= "<div id='stage' style='background: rgba(0,0,0,0.5);'><p id='spinner' style='background: rgba(0,0,0,0.5); text-align: center; color: #fff;'>$str_message</p></div>";
*/
echo $ms;
ob_flush();
flush();
}

[Maurizion]

Grazie... appena posso la provo