Fortschrittsbalken
Eine reaktionsschnelle Fortschrittsleistenkomponente mit Unterstützung für den Dunkelmodus für E-Commerce, mit einem lebendigen Farbschema und einem einfachen Layout.
HTML-Code
<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-4 relative overflow-hidden">
<div class="bg-indigo-600 h-4 rounded-full dark:bg-indigo-400" style="width: 75%;">
<span class="absolute right-2 top-0 h-full flex items-center text-white text-xs font-bold">75%</span>
</div>
</div>Verwandte Komponenten
Komponente der Fortschrittsleiste
Eine reaktionsschnelle Fortschrittsleisten-Komponente, die für den Dunkelmodus mit einem pastellfarbenen Farbschema entwickelt wurde und für Geschäfts-/Unternehmenswebsites geeignet ist.
ProgressBarComponent
Eine einfache, saubere und reaktionsschnelle Fortschrittsbalkenkomponente mit Neon/Electric-Farben für Food-/Restaurant-Websites, mit Unterstützung für den Dunkelmodus und schweizerischem/internationalem Typografie-Design.
Minimalistischer triadischer Fortschrittsbalken
Ein minimalistischer, reaktionsschneller Fortschrittsbalken mit triadischem Farbschema und Unterstützung für dunkle Themen, geeignet für Social-Media-Anwendungen.