11550 sujets

JavaScript, DOM et API Web HTML5

Barre de chargement avec défilement en fonction du poids

Bonjour,

j'aurai voulu savoir si il était possible en JS (voire JS + PHP) de créer une barre de chargement avec un défilement du poids restant (en % ou bien en Ko) avant la fin ?

J'ai une div qui contient des éléments, et je souhaite attendre le chargement de tous ces éléments avant de l'afficher. Je peux mettre un gif à la con qui tourne, mais c'est toujours mieux de savoir combien de temps il nous reste avant la fin !

Je bosse avec Jquery si ça peut aider...


Merci d'avance à ceux qui pourront m'aider ! Smiley smile
Hello ! Smiley smile
Le souci, c'est qu'il s'agit là d'un script pour l'upload de fichier, pas pour le chargement d'images ou de contenu sur une page...
Donc je ne peux pas m'en servir. Smiley ohwell

Une autre idée ?
Modérateur
En fait, pour ce qui est de la partie JS, tu peux conserver approximativement le même modèle car l'idée est là.

En revanche, il n'y a, à ma connaissance, qu'en ActionScript que tu peux récupérer la valeur de progression du poids chargé.

Autrement dit, il faut que tu passes par un objet Flash dans lequel tu charges tes images et que tu converses avec le script JS pour récupérer ta valeur.
salut
c'est jouable sur les navigateurs supportant XHR.onprogress et l'encodage base64, donc tout le monde sauf les IEs Smiley smile

j'avais fait un article complet sur le sujet l'année dernière : http://braincracking.org/blog/2009/11/30/barre-de-chargement-dune-image/

mais je ne sais pas si les limites que j'avais découvert à l'époque sont toujours valables ... si tu pouvais tester et me le dire, je prends Smiley smile

Pour les IEs, tu n'auras jamais de barre de chargement, donc à toi de faire un fallback, genre un spinner
@koala64 : ça m'a l'air pas mal du tout ça ! Je vais tester pour voir. Smiley smile

Un grand merci en tout cas pour vos réponses intéressantes !
Sujet clos
Aller à