Barre di caricamento visualizzare lo stato di avanzamento di un download o un processo. La barra di caricamento offre agli utenti una comprensione visiva di come il progresso sta venendo. Ogni linguaggio di programmazione ha un proprio metodo per la creazione di barre di avanzamento. Le scelte più popolari sono Flash e Ajax. Creazione di una barra di caricamento richiede un'immagine di barra di carico che si può fare da soli o scaricare da un generatore di immagine. La barra di caricamento richiede codice che la informa quanto progressi compiuti.

Istruzioni

Creazione di barre di caricamento con Ajax

1

Scarica un caricamento barra gif dal generatore di gif di Ajax (Vedi risorse). Scegliere uno stile dal menu a discesa "Tipo di indicatore" quindi fare clic su "Generate". Fare clic su "Scarica!" sotto l'anteprima. Apparirà una finestra di dialogo di download. Individuare la directory del vostro carico-bar progetto, denominare il file "Loading. gif" e premere "Invio". In alternativa, se si è un editor di grafica, è possibile costruire la propria barra di avanzamento. Assicurarsi che si tratta di un'animazione con l'estensione del file "gif".

2

Scarica la libreria jQuery (Vedi risorse). Si aprirà un file di codice JavaScript. Fare clic su "File" "Salva". Quando viene visualizzata la finestra di dialogo Salva, selezionare la directory del progetto di barra di caricamento e premere "Invio".

3

Avviare un editor di codice o blocco note. Per il blocco note, fare clic su "Start", "Tutti i programmi", "accessori" "Blocco note".

4

Copiare e incollare il codice seguente al file vuoto:

< html >

< head >

< script type = "text/javascript" alt = "caricamento..." / >

& lt; / div >

< / body >

< / html >

5

Salvare il file. Fare clic su "File" "Salva", dargli un nome con l'estensione "html" (ad esempio "loadbar.html") e premere "Invio".

Creazione di barre di caricamento con Flash

6

Avviare qualsiasi editor di Flash.

7

Creare tre nuovi fotogrammi con facendo clic su "Inserisci", "Frame".

8

Nel pannello "Frame" (solitamente a sinistra dell'editor Flash), fare clic destro il frame superiore e selezionare "Rinomina". Il nome "azioni". Utilizzare lo stesso processo per denominare il secondo fotogramma "siteloader," il terzo telaio "contorno" e l'ultimo fotogramma "bar".

9

Bloccare i fotogrammi "azioni" e "contorno". Tutti i nomi di frame fare clic destro e selezionare "Lock".

10

Impostare i colori di "riempimento" e "traccia". Il colore di "riempimento" è quello accanto al segmento di dump. Il colore della "traccia" è il colore accanto la matita. Assicurarsi che i colori contrasto ogni altro modo che il tratto sarà chiaramente visibile sullo sfondo.

11

Creare un rettangolo per la barra di caricamento. Fare clic sullo strumento rettangolo nella casella degli strumenti, impostare il bordo alla larghezza desiderata e disegnare un rettangolo sul telaio "bar". Questo rettangolo agirà come la barra di caricamento. Il colore di "riempimento" riempirà la barra di caricamento col progredire della Scarica.

12

Spostare il contorno dal livello di "bar" il livello di "contorno". Fare doppio clic il contorno della barra di carico per selezionare solo il contorno. Premere contemporaneamente "Ctrl" e "x" per tagliare il contorno dalla barra di carico. Tasto destro del mouse la parola "bar" e selezionare "Blocca." Fare clic destro "contorno" e selezionare "Sblocca". Fare clic su "Modifica", "Incolla in posizione."

13

Rendere il caricamento barra un clip filmato. Fare clic destro "contorno" e selezionare "Blocca." Fare clic destro "bar" e seleziona "Sblocca". Fare clic sul rettangolo, quindi "Modificare", "Converti in simbolo". Digitare "loadbar" come il nome, quindi fare clic su pulsante di opzione per "Movie clip" e premere "Enter".

14

Creare un'istanza di ActionScript. Fare clic su "Proprietà". Nella casella di testo accanto a "Nome", digitare "loadingBar."

15

Configurare il sito loader. Lo strato di "bar" di bloccare e sbloccare il livello di "siteloader". Fare clic su "Inserisci", "Nuovo simbolo," nome "sito", selezionare "Movie clip" e premere "Invio". Fare clic su "Finestra", "Library". Fare clic su "sito" e trascinarlo sul palco (pannello principale dell'editor Flash). Fare clic su "Proprietà". Nella casella di testo "Nome", digitare "siteLoader."

16

Programma il codice ActionScript. Fare clic su "Finestra", "Azioni". Un editor di codice verrà visualizzato sullo schermo. Copiare e incollare il seguente codice nell'editor di codice:

siteLoader.loadMovie ("< qual è caricata >");

loadingBar._xscale = 1;

loadingBar.onEnterFrame = function () {

kBytesLoaded = this._parent.siteLoader.getBytesLoaded() / 1024;

kBytesTotal = this._parent.siteLoader.getBytesTotal() / 1024;

percentuale = Math. Round (kBytesLoaded/kBytesTotal * 100);

questo ._xscale = percentuale;

Se (percentuale = = 99) {

Elimina this.onEnterFrame;

}

}

Sostituire "< cosa viene caricato >" con il percorso del file o della pagina web che viene caricato mentre il caricamento barra progredisce.

17

Salvare il progetto come "loadbar.swf."