barres de chargement affichent la progression d'un téléchargement ou d'un processus . La barre de chargement donne aux utilisateurs une compréhension visuelle de la façon dont le progrès est long à venir . Chaque langage de programmation a sa propre méthode pour créer des barres de progression . Les choix les plus populaires sont Flash et Ajax . Création d'une barre de chargement nécessite une image de charge bar qui vous pouvez faire vous-même ou le télécharger à partir d'un générateur d'images . La barre de chargement nécessite un code qu'il informe combien de progrès ont été réalisés. Instructions
Création Chargement bars avec Ajax
1

Télécharger un bar chargement gif gif du générateur Ajax (voir Ressources) . Choisissez un style de type " indicateur " dans le menu déroulant puis cliquez sur "Générer ". Cliquez sur " télécharger! " sous l'aperçu . Une boîte de dialogue de téléchargement s'affiche . Naviguez jusqu'au répertoire de votre projet chargement - bar, nommez le fichier « loading.gif " puis appuyez sur "Entrée". Alternativement, si vous êtes un éditeur graphique , vous pouvez construire votre propre barre de progression. Assurez-vous qu'il s'agit d'une animation avec l'extension de fichier " gif" .
2

Téléchargez la bibliothèque jQuery (voir Ressources) . Un fichier de code JavaScript s'ouvrira. Cliquez sur " Fichier", " Enregistrer". Lorsque la boîte de dialogue Enregistrer apparaît , accédez au répertoire de votre projet chargement - bar et appuyez sur " Entrée".
3

Lancez un éditeur de code ou Notepad. Pour le Bloc-notes , cliquez sur "Démarrer ", "Tous les programmes", "Accessoires", "notepad"
4

Copiez et collez le code suivant dans le fichier vide : .

< html> Photos

Photos

< Script 0 0 0 ;

font: bold 11px Arial , Helvetica , sans-serif; }

Photos

;

Photos

Photos

5

Enregistrez le fichier. Cliquez sur "Fichier ", "Enregistrer ", lui donner un nom avec le " " extension (comme " html loadbar.html " ) et appuyez sur "Entrée".
Création Chargement Bars avec Flash < br > Photos 6

Lancez n'importe quel éditeur de Flash.
7

créer trois nouveaux cadres avec en cliquant sur " Insérer ", " Cadre ".
8

Dans le panneau "cadres " (généralement sur la gauche de l'éditeur flash) , clic droit sur l' image du haut et sélectionnez " Renommer". Nommez-le " actions ". Utilisez la même procédure pour nommer le deuxième " siteloader ," cadre le cadre troisième " contour " et le dernier "bar ". Cadre
9

verrouiller les «actions» et « cadres hiérarchiques " . Faites un clic droit chacun des noms des cadres et sélectionner "Verrouillage ".
10

Réglez le " remplissage " et couleurs " course " . La couleur «remplissage» est celle à côté de la benne . La couleur " course " est la couleur à côté du crayon. Assurez-vous que le contraste des couleurs l'autre de sorte que la course sera clairement visible sur le fond .
11

Créer un rectangle de la barre de chargement . Cliquez sur l'outil Rectangle dans la boîte à outils , réglez la frontière à la largeur désirée et dessinez un rectangle sur le cadre "bar" . Ce rectangle agira comme votre barre de chargement. La couleur «remplissage» va remplir la barre de chargement de la progression de téléchargement .
12

Déplacez le contour de la couche "bar" à la couche " contour " . Double- cliquez sur le contour de la barre de charge pour sélectionner le contour seulement . Appuyez sur "Ctrl" et "x " simultanément pour découper le contour de la barre de charge . Clic droit sur le mot « bar » et sélectionnez «Lock ». Faites un clic droit " contour " et sélectionnez " Déverrouiller ". Cliquez sur " Modifier", "Coller en place. "
13

Faire de la barre de chargement d'un clip vidéo. Faites un clic droit " contour " et sélectionnez " Verrouiller ". Faites un clic droit "bar" et sélectionnez " Déverrouiller ". Cliquez sur le rectangle, puis "Modifier ", " Convertir en symbole ." Tapez " loadbar " comme son nom puis cliquez sur le bouton radio pour " clip vidéo " et appuyez sur "Entrée".
14

Créer une instance ActionScript. Cliquez sur " Propriétés". Dans la zone de texte à côté de " Nom " type " loadingBar . "
15

Mettre en place le site chargeur. Verrouillez le calque "bar" et déverrouiller le calque " siteloader " . Cliquez sur "Insérer ", " nouveau symbole ", nommez-le «site », sélectionnez « Clip vidéo " et appuyez sur "Entrée " . Cliquez sur "Fenêtre ", " Bibliothèque ". Cliquez sur " site" et le faire glisser vers le stade ( le panneau principal de l'éditeur de Flash) . Cliquez sur " Propriétés". Dans la zone de texte par " Nom " type " siteLoader . "
16

programme le code ActionScript . Cliquez sur "Fenêtre ", " Actions ". Un éditeur de code apparaît sur ​​l'écran. Copiez et collez le code suivant dans l'éditeur de code :

siteLoader.loadMovie ( " être» ) ;

loadingBar._xscale = 1;

loadingBar . onEnterFrame = function () {

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

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

pourcentage = Math.round ( kBytesLoaded /kBytesTotal * 100);

this._xscale = pourcentage ;

if ( pourcentage == 99) {

Supprimer cette . onEnterFrame ;

} }

Remplacer " être» avec le chemin du fichier ou la page Web qui est en cours de chargement alors que la barre de chargement progresse .
17

Enregistrer le projet comme « loadbar.swf . "