HTML + CSSLoader

Equalizer-Loader

Fünf abgerundete Balken, die versetzt steigen und fallen, wie die Pegelanzeige eines Musikplayers.

Einstellungen

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 für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Loader

Alle ansehen: Loader

Wofür du ihn nutzen kannst

Ein Equalizer-Loader sagt sofort „Audio“. Nutze ihn, während eine Streaming-Seite einen Song puffert, ein Podcast-Player eine Folge lädt oder eine Sprachmemo-App eine Aufnahme verarbeitet. Klein neben einem Songtitel funktioniert er auch als „Läuft gerade“-Anzeige in einer Playlist oder im Webplayer eines Radiosenders.

Außerhalb von Audio kann er verwirren, weil sich bewegende Balken meist Ton bedeuten. Nutzt du ihn als Wiedergabe-Anzeige, stopp oder versteck ihn, sobald die Musik pausiert. Die Balken laufen von der zweiten zur Hauptfarbe, ein Paar aus warm und kalt wirkt lebendig.