Equalizer-Loader
Fünf abgerundete Balken, die versetzt steigen und fallen, wie die Pegelanzeige eines Musikplayers.
Einstellungen
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.
Mehr aus 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.