18

Barres de progression

Les barres de progression permettent de visualiser l’avancement d’une tâche, tel le transfert d’un fichier. jQuery UI permet de les manipuler de façon simple.

Principe de base

Supposons qu’on veuille écrire le code HTML pour afficher la barre de progression représentée sur la figure 18-1. Il s’agit d’un conteneur qui se remplira au fur et à mesure de la progression de la tâche (pour l’instant, il est pratiquement vide et commence à se remplir sur le côté gauche de la barre de progression).

image

Figure 18–1 Barre de progression

Selon les exigences de jQuery UI, on représentera la barre de progression par un élément

Get jQuery 1.7 et jQuery UI now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.