Indicateurs d'étapes

Où un lecteur se trouve dans une séquence — un tunnel, un formulaire en plusieurs parties. Les étapes derrière sont dessinées de manière solide et peuvent être revisitées lorsqu'elles reçoivent une adresse ; celle en cours se distingue ; celles à venir attendent, discrètes.

Numéroté et nommé

Le cas commun : un numéro pour compter, un mot pour savoir ce qu'il demande. Les deux étapes déjà parcourues se relient en arrière.

Chiffres seuls

Où les étapes n'ont pas de noms valables à lire, ou la largeur n'a pas de place pour eux.

Mots seuls

Sans les chiffres, lorsque l'ordre est évident à partir des mots.

Première et dernière

Rien n'a encore été parcouru, puis tout a été parcouru sauf l'étape en cours.

Étapes pas encore décidées

Où les chemins se séparent, ce qui se trouve devant dépend d'une réponse non donnée encore. L'étape qui la représente n'a pas de numéro et n'en déplace aucune des autres : la dernière étape ici est la troisième, pas la quatrième.

Compact, et points

Pour l'en-tête d'une modal ou d'un panneau, où il y a peu de place : compact conserve les numéros et nomme uniquement l'étape en cours ; des points dessinent un point par étape et ne nomment aucun à l'écran, les noms restant pour quiconque lit la page à voix haute. Juste sous l'en-tête d'une modal ou d'un panneau, un steppers prend la place de la barre de chargement.

Dans une barre d'outils

Posé dans une barre au-dessus d'une page, il prend la place que la barre lui donne.

en Vue

Le même steppers dans un arbre vue. Les étapes sans adresse peuvent être transformées en boutons : une séquence maintenue par la page avance sur le `select` qu'elle émet plutôt que sur une nouvelle adresse.