Loader sablier
Le sable s’écoule en mince filet du haut vers le bas, puis le sablier se retourne et tout recommence.
Réglages
Code
<div class="ul-hg"><i></i><i></i><b></b></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
Où l’utiliser
Un sablier est honnête : il annonce que cela va prendre un moment. Utilisez-le quand un logiciel de montage exporte une vidéo, quand un outil de comptabilité génère un rapport PDF ou dans la file d’attente virtuelle d’une billetterie de concert. Le sable s’écoule, le filet s’arrête et le verre pivote, le tout en CSS pur.
Gardez-le pour les attentes de plusieurs secondes ; lors d’un chargement rapide, il n’a même pas le temps de se retourner. Une petite note sur la durée prévue, comme « Environ une minute », l’accompagne bien et apaise l’impatience.