Groupe de concepts
Attendre et suivre une progression
Comparer une attente de durée inconnue, un avancement mesurable et un aperçu de la mise en page pendant le chargement.
Essaie les 3 concepts, compare ce qui change, puis utilise le Pack adapté à ton besoin.
Essayer les composantsAttendre et suivre une progression
Essayer
La durée est-elle inconnue, mesurable ou faut-il préserver la forme du contenu ?
Indicateur d'attente
Contexte commun aux essais
Un espace de travail attend la fin d'un contenu ou d'une opération et ne communique que la progression qu'il peut mesurer honnêtement.
Indicateur d'attente
Mission
Indicateur d'attente - Spinner
Lance l’enregistrement, vérifie qu’une double activation est bloquée, lis l’état d’attente et attends l’état final.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Le bouton expose Enregistrement, empêche une double requête et montre un indicateur animé redondant.
- Cas limite
- Après un seuil long, l'interface ajoute une explication et une action annuler ou réessayer au lieu de tourner sans fin.
Barre de progression
Mission
Barre de progression - Progress bar
Lancer l'envoi, observer une valeur intermédiaire, annuler, relancer et atteindre l'état terminé.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- L'élément de progression étiqueté expose les octets et le pourcentage pendant le transfert.
- Cas limite
- Si le serveur ne fournit plus de valeurs fiables, l'interface passe honnêtement à un état indéterminé au lieu d'inventer l'avancement.
Ce que cet essai montre
Spinner communique une attente indéterminée ; Progress bar montre un avancement mesurable, tandis que Skeleton préfigure le contenu en chargement.
Lequel convient à ton besoin ?
Indicateur d'attente
Une courte opération n'a pas de valeur d'avancement utile
Barre de progression
Envoyer un fichier avec un avancement fiable en octets
Différence et sources
Spinner communique une attente indéterminée ; Progress bar montre un avancement mesurable, tandis que Skeleton préfigure le contenu en chargement.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Icône d'état
Un repère visuel redondant pour le type de message, jamais le seul indice.
Les trois concepts
Les trois comparaisons
Signaux que tu les confonds
Ces descriptions correspondent à tous les concepts du groupe : aucune ne suffit à décider.
- un contenu ou une opération est encore en chargement ou en attente
- l'interface peut montrer une attente inconnue une progression mesurée ou une forme d'aperçu