Wechselnde Lade-Meldungen
Ein drehender Ring neben Statusmeldungen, die nacheinander hochgleiten und den aktuellen Schritt nennen.
Einstellungen
Code
<div class="uv-lsw" role="status"><span class="sp" aria-hidden="true"></span><span class="wd"><span>Verbinden</span><span>Deine Daten werden geladen</span><span>Dashboard wird vorbereitet</span><span>Fast fertig</span></span></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
Alle ansehen: LoaderWofür du ihn nutzen kannst
Lange Wartezeiten fühlen sich kürzer an, wenn man weiß, was passiert. Diese Pille zeigt einen kleinen Spinner und eine Textzeile, die vier Schritte durchläuft, jeder gleitet nach oben weg, wenn der nächste kommt: Verbinden, Daten laden, Dashboard vorbereiten und fast fertig. Ideal für Onboarding, Importe, Berichte und den ersten App-Start.
Jede Meldung ist ein eigenes Element, Übersetzungen und Screenreader kommen also gut damit klar. Bei reduzierter Bewegung bleibt die letzte Meldung sichtbar. Der Spinner dreht dann langsamer.