Progress & skeleton
Barre, anneau orbital, skeleton, spinner. Le skeleton est préféré au spinner (perçu plus rapide).
Barres de progression
Déterminée (l'accent suit la section), plusieurs tailles, et indéterminée.
Dossier de candidature68 %
Product-market fit45 %
Préparation levée25 %
Tailles (4 / 8 / 14 px)
Indéterminée — .loader-bar (arc-en-ciel)
Anneaux orbitaux
Progression circulaire, une couleur par métrique.
40
Profil
70
Tâches
85
Objectif
25
Budget
Spinner
Pour les attentes courtes ; sinon, préférer le skeleton.
+ le bouton passe en attente (
.is-loading)
Skeleton — modèles
Préfigure la forme du contenu (perçu plus rapide qu'un spinner).
Bloc de texte
Astuce : garde les mêmes dimensions que le vrai contenu pour éviter le saut de mise en page au chargement.