Gestreifter Fortschrittsbalken
Ein Fortschrittsbalken mit wandernden diagonalen Streifen, der sich füllt, zurücksetzt und wieder füllt.
Einstellungen
Code
<div class="ul-st"><i></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
Wandernde Streifen sehen nach Baustelle aus, ein bisschen wie Absperrband. Deshalb passt dieser gestreifte Fortschrittsbalken aus CSS gut zur Wartungsseite eines Onlineshops, zum Backup-Schritt eines Homepage-Baukastens oder zum Download-Screen eines Installers. Die Streifen kriechen weiter, auch wenn die Füllung sich Zeit lässt.
Von Haus aus läuft die Füllung in Schleife, sie vermittelt also ein Gefühl und keinen echten Prozentwert. Kennst du den tatsächlichen Fortschritt, entfern die Füll-Animation, setz die Breite selbst und behalte die Streifen. Sehr kontrastreiche Farben flimmern, sanftere Paare sind angenehmer.