Komponente der 3D-Fortschrittsleiste
Gestaltet mit 3D-Effekten, Tailwind CSS, responsivem Design und Unterstützung für den Dunkelmodus.
HTML-Code
<div class='relative pt-1 dark:bg-gray-800'>
<div class='overflow-hidden h-2 text-xs flex rounded bg-gray-200 dark:bg-gray-700'>
<div style='width: 45%' class='shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500 dark:bg-blue-400'></div>
</div>
<div class='mt-2 text-right text-xs dark:text-gray-400'>45% Complete</div>
</div>Verwandte Komponenten
Komponente "Fortschrittsindikatoren"
Eine Komponente für Fortschrittsindikatoren im Retro-/Vintage-Stil, die Tailwind CSS mit responsiven Effekten und Unterstützung für dunkle Themen verwendet.
Komponente "Fortschrittsindikatoren"
Eine Komponente für Fortschrittsindikatoren im 3D-Designstil mit Graustufen-Farbschema für den Konsum von Blog-Inhalten, mit responsivem Design und Unterstützung für den Dunkelmodus.
Komponente "Fortschrittsindikatoren"
Eine Komponente mit Fortschrittsindikatoren im brutalistischen Stil mit hohem Kontrast, die Arbeiten oder Produkte in einem Portfolio präsentiert. Es verfügt über eine reichhaltige Benutzeroberfläche mit mehreren interaktiven Elementen, die so konzipiert sind, dass sie mit Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS reaktionsschnell sind.