Ciao a tutti!

Ho messo a punto uno script per il caricamento delle immagini, ridimensionamento, salvataggio nuova immagine e cancellazione dell'originale.

Ora vorrei aggiungere una barra di progressione per giustificare l'attesa dell'utente durante il caricamento.

Ho trovato un ottimo script jQuery via web, l'ho ridotto all'osso e questo è il risultato:

Codice PHP:
<head>
    <script type="text/javascript" src="http://t.wits.sg/misc/js/jQuery/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.progressbar.min.js"></script>
    <script type="text/javascript">
        var progress_key = '<?= $uuid ?>';

        $(document).ready(function() {
            $("#pb3").progressBar({ barImage: 'images/progressbg_orange.gif'} );
        });
    </script>
</head>
<body>
    <div id="container">
        <span class="progressBar" id="pb3">55%</span>
        <div>
            [url="#"]20[/url] |
            [url="#"]40[/url] |
            [url="#"]60[/url] |
            [url="#"]80[/url] |
            [url="#"]100[/url]
        </div>
    </div>
</body>
La barra (a quanto pare) reagisce al variare del valore in .progressBar().

Quando carico l'immagine ottengo la dimensione del file (una volta caricato) tramite:
Codice PHP:
$_FILES['image']['size'] 
...ma mi chiedevo... come faccio a collegare la progressione del caricamento del file (Byte per Byte) con la progressbar?