Messages de chargement qui défilent
Un anneau qui tourne à côté de messages qui montent l'un après l'autre pour dire quelle étape est en cours.
Réglages
Code
<div class="uv-lsw" role="status"><span class="sp" aria-hidden="true"></span><span class="wd"><span>Connexion</span><span>Chargement de tes données</span><span>Préparation du tableau de bord</span><span>Presque prêt</span></span></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Loaders
Voir tout : LoadersOù l’utiliser
Les longues attentes paraissent plus courtes quand on sait ce qui se passe. Cette pilule affiche un petit indicateur et une ligne de texte qui passe par quatre étapes, chacune glissant vers le haut quand la suivante arrive : connexion, chargement des données, préparation du tableau de bord et presque prêt. Parfait pour l'accueil, les imports et les rapports.
Chaque message est un élément à part, bien géré par les traductions et les lecteurs d'écran. Avec le mouvement réduit, le dernier reste affiché. L'indicateur tourne alors plus lentement.