Komponenten Fortschrittsindikatoren Komponente der 3D-Fortschrittsleiste

Komponente der 3D-Fortschrittsleiste

Gestaltet mit 3D-Effekten, Tailwind CSS, responsivem Design und Unterstützung für den Dunkelmodus.

Vorschau

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.

Offen

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.

Offen

Komponente "Fortschrittsindikatoren"

Eine Komponente zur Fortschrittsanzeige im Stil eines Glasmorphismus für Social-Media-Anwendungen mit mattglasähnlichen, durchscheinenden Elementen mit Unschärfeeffekten. Es verwendet ein analoges Farbschema und bietet eine komplexe, reichhaltige Benutzeroberfläche mit mehreren interaktiven Elementen. Die Komponente ist responsiv und unterstützt ein dunkles Theme mit Tailwind CSS.

Offen