Fortschrittsbalken für Glasmorphismus
Fortschrittsbalken im Glassmorphism-Stil, der für Social-Media-Schnittstellen entwickelt wurde, mit lebendigen Farben und Unterstützung für den Dunkelmodus. Einfaches Layout ohne JavaScript.
HTML-Code
<div class="w-full bg-gray-200 bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-full h-4 dark:bg-gray-700 dark:bg-opacity-20 dark:backdrop-filter dark:backdrop-blur-lg">
<div class="bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 h-4 rounded-full" style="width: 75%;"></div>
</div>Verwandte Komponenten
Komponente der Fortschrittsleiste
Eine einfache Fortschrittsbalkenkomponente im Stil von Glasmorphismus und monochromen Farben, geeignet für Geschäfts- und Unternehmenswebsites, mit Unterstützung für den Dunkelmodus.
Komponente der Fortschrittsleiste
Eine einfache Fortschrittsbalkenkomponente im Stil eines brutalistischen Designs mit einem Graustufen-Farbschema für E-Commerce-Anwendungen. Es ist reaktionsschnell und unterstützt den Dunkelmodus.
Minimalistischer Fortschrittsbalken
Eine minimalistische und flache Design-Fortschrittsbalkenkomponente mit Pastellfarben, die für professionelle Geschäfts- oder Unternehmenswebsites geeignet ist. Es hat ein responsives Design und unterstützt den Dunkelmodus mit Tailwind CSS.