Barra di avanzamento in js, con dati forniti da php
Salve a tutti, spero che sia la sezione giusta :p Premetto che ho scarse conoscenze di javascript, ma vorrei creare una barra di avanzamento, e in php non si può fare (a meno di aggiornare la pagina ogni sec, ma non mi sembra la cosa migliore XD). Allora, in pratica l'utente clicka su un pulsante (ce ne sono diversi), e vengono salvate sul database due date, la prima è la data(compresa di orario ovviamente) dell'istante in cui l'utente ha clickato il pulsante, la seconda è una data futura che dipende dal pulsante che l'utente ha clikkato (la data sarà minimo +1 minuti dalla prima data a +24 ore). Durante quel periodo di tempo (dalla prima data alla seconda), l'utente non potrà accedere a certe pagine del sito, e questo lo controllo tramite php. Ora, io vorrei che quando l'utente entra in una di quelle pagine e non è ancora trascorso il tempo, visualizzasse una barra di avanzamento che si aggiorna in tempo reale.
Per farlo, vorrei passare queste date a uno script js il quale (insieme ai css) mi crea la barra di caricamento.Ho pensato che potevo calcolare i secondi tra le due date, e fare una proporzione per rappresentare questi secondi in una barra (da 0% a 100%), perchè non si deve aumentare di 1% ogni secondo in automatico, bensì aumenta dell'1% in base ai secondi trascorsi e ai secondi totali. Il discorso è un po' contorto, se non capite ditemelo che cerco di spiegarmi meglio/fare esempi. In conclusione, come già detto non sono pratico di js, quindi prima di cercare di scrivere questo script (che non credo sia proprio semplice,anzi), vorrei avere bene in mente la logica che devo seguire. Qualcuno mi può aiutare a capire come procedere? Se poi avete qualche script simile, link, tutorial o altro sarebbe molto apprezzato lo stesso :)
Grazie in anticipo
