HTML + CSSLoaders

Loader égaliseur

Cinq barres arrondies qui montent et descendent en décalé, comme le vumètre d’un lecteur de musique.

Réglages

72px
1x

Code

<div class="ul-eq"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i></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 loader en forme d’égaliseur dit tout de suite « audio ». Utilisez-le pendant qu’un site de streaming charge un morceau, qu’un lecteur de podcast récupère un épisode ou qu’une appli de mémos vocaux traite un enregistrement. En petit à côté d’un titre, il devient un indicateur « en cours de lecture » dans une playlist ou le lecteur d’une radio.

Hors audio, il peut semer le doute, car des barres qui bougent évoquent du son. Si vous l’utilisez pour indiquer la lecture, arrêtez-le ou masquez-le quand la musique est en pause. Les barres passent de la seconde couleur à la principale : un duo chaud et froid est très vivant.