Neumorpher Fortschrittsbalken
Eine reaktionsschnelle Fortschrittsleisten-Komponente, die im Neumorphism-Stil entwickelt wurde und sowohl helle als auch dunkle Designs mit Tailwind CSS unterstützt.
HTML-Code
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-800 p-4">
<div class="w-64 bg-gray-200 dark:bg-gray-900 rounded-full shadow-lg p-1">
<div class="bg-gradient-to-r from-blue-500 to-blue-700 h-4 rounded-full" style="width: 70%;"></div>
</div>
<span class="mt-2 text-gray-700 dark:text-gray-300">70%</span>
</div>Verwandte Komponenten
Fortschrittsbalken
Fortschrittsbalkenkomponente mit Mikrointeraktionsdesign. Enthält reaktionsschnelle Effekte und Unterstützung für dunkle Themen, die nur HTML und CSS (Tailwind CSS) verwenden.
Komponente der Fortschrittsleiste
Eine reaktionsschnelle Fortschrittsbalken-Komponente, die mit 3D-Elementen entworfen wurde, unter Verwendung eines analogen Farbschemas, das für den E-Commerce geeignet ist, mit Unterstützung für den Dunkelmodus
Fortschrittsbalken für Neumorphismus
Ein Fortschrittsbalken im Neumorphism-Stil für Portfolios mit pastellfarbenem Farbschema, mäßiger Komplexität, Reaktionsfähigkeit und Unterstützung für dunkle Themen. Es ist kein JavaScript enthalten; Die Komponente wird mit HTML und Tailwind CSS erstellt.