HTML + CSSLoader
Ladender Akku mit Prozentanzeige
Der Akku füllt sich Segment für Segment mit pulsierendem Blitz, die Prozentzahl zählt ganz ohne JavaScript.
Einstellungen
16px
1x
Code
<div class="uv-lbc" role="status"><span class="bt"><i></i><i></i><i></i><i></i><i></i><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M13.5 2L5 13.5h6L9.5 22 19 9.5h-6z"/></svg></span><span class="pc"></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
Laden ist eine der klarsten Fortschrittsmetaphern überhaupt. Dieser Loader füllt fünf Segmente nacheinander, lässt darüber einen Blitz pulsieren und zählt die Prozente von 0 bis 100 mit einer registrierten Integer-Eigenschaft und einem CSS-Counter, ein moderner Trick ganz ohne Skript.
Passt zu E-Auto-Apps, Geräte-Dashboards, Onboarding-Schritten und jedem Fortschritt, der sich wie Energie tanken anfühlen soll. Die Hauptfarbe füllt die Segmente, die zweite färbt den Blitz.