caricamento progressivo di un' immagine (tipo una bara di caricamento)

[bibbul_dex]

Salve a tutti, ho cercaro in rete ma non ho trovato nulla... premetto subito che non conosco bene javascript, lo sto studiando da per me grazie a una guida su html.it... chiedo se qualcuno conosce uno script che fa caricare una immagine in modo progressivo tipo una barra di caricamento. per esempio io ho un`immagine che é uha barra orizontale e la voglio caricare da sinistra verso destra come se fosse una barra di caricamento, in modo progressivo...
ma non deve avere lo scopo di una barra di caricamento, nel senso che il sito deve essersi gia caricato... spero di essermi spiegato bene... vi ringrazio in anticipo!

[tampertools]

puoi translare l'immagine:

<div style="position:relative; width:130px; height:15px; overflow:hidden">
    <img style="position:absolute; width:130px; height:15px;" id="barra">
</div>

function barra  (percentuale) {
    document.getElementById("barra").style.left = (1 - percentuale / 100) * 130;
}

[bibbul_dex]

Ciao tampertools! Ho letto solo ora la tua risposta perchè purtroppo abito sui monti con Heidi e la connessione ogni va via.. grazie per la risposta, con questo modo posso fare la stessa cosa anche con una barra in diagonale?

[tampertools]

si, puoi ruotarla con i CSS (transform: rotate(45deg); )

[bibbul_dex]

perfetto! grazie mille!