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.

Versión Markdown con todo el código, para asistentes de IA

Más en Loaders

Ver todos: 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.