Barre de progression Javascript élégante (chargement) ...?

Question

Je suis actuellement en train de développer un site Web lié à la voiture dans lequel je veux créer une barre de progression très stylée avec javascript (pas flash). Je veux que cela ressemble à un indicateur de vitesse, comme ceci: http://www.crestock.com/images/1260000-1269999/1260687-xs.jpg

J'ai donc fait deux super recherches sur Google pour les barres javascript, mais je n'ai trouvé que des barres horizontales simples.

Des idées sur comment je devrais procéder?

Answer 1

donner JQueryUI un tir. Il a des effets riches et des widgets d'interface utilisateur.

Grtz

EDIT: je suis tombé sur celui-ci: http://dev.sencha.com/deploy/ext-4.0.2a/examples/charts/Gauge.html

Answer 2

Il est en fait tout à fait faisable - voir cet article sur la rotation des CSS3 et des filtres dans Internet Explorer, et la recherche pour la CSS3 propriété Transform - http://www.useragentman.com/blog/2010/04/05/cross-browser-animated-css-transforms-even-in-ie/

Bien que j'indiquerais ici et là que quelque chose que vous pourriez avoir utilisé pour une barre de chargement Javascript soit 90% du temps, ça ne peut pas être bon. Si votre page est si grande qu'elle nécessitera une barre de chargement, alors vous devriez envisager une refonte/réécriture de votre code et de votre design pour le site. La même chose serait si vous voulez animation juste pour le plaisir de l'animation. Mais j'ai bien peur d'en dire un peu trop - ne laissez pas cela vous décourager d'avoir à regarder une technique très intéressante, ou de l'utiliser sur ce que vous jugez nécessaire. Si vous avez besoin d'aide, laissez un commentaire sur cette question.