HTML + CSSLoaders

Ecualizador

Cinco barras redondeadas que suben y bajan desacompasadas, como el medidor de nivel de un reproductor.

Ajustes

72px
1x

Código

<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 para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Más en Loaders

Dónde usarlo

Un loader de ecualizador dice «audio» al instante. Úsalo mientras una web de streaming carga una canción, cuando un reproductor de pódcast trae un episodio o mientras una app de notas de voz procesa una grabación. Reducido junto al título de una canción, sirve también como indicador de «sonando ahora» en una playlist o en la web de una radio.

Fuera del audio puede despistar, porque unas barras moviéndose suelen significar sonido. Si lo usas como indicador de reproducción, páralo u ocúltalo cuando la música se pause. Las barras van del segundo color al principal, así que una pareja cálida y fría queda muy viva.