CCHub Logo CCHub Tailwind Collection
Komponenten Fortschrittsbalken Komponente der Fortschrittsleiste

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.

Vorschau

HTML-Code 

<div class="w-full max-w-md mx-auto p-4">
    <h2 class="text-white text-xl font-bold mb-2">Loading Your Items...</h2>
    <div class="bg-gray-300 dark:bg-gray-700 rounded-full h-6">
        <div class="bg-black dark:bg-white h-6 rounded-full" style="width: 70%;"></div>
    </div>
    <div class="flex justify-between mt-2">
        <span class="text-gray-500 dark:text-gray-300 text-sm">0%</span>
        <span class="text-gray-500 dark:text-gray-300 text-sm">70%</span>
    </div>
</div>

Verwandte Komponenten

Luxury_Grayscale_Social_Media_Progress_Bar

Eine komplexe, elegante und reaktionsschnelle Fortschrittsleistenkomponente für Social-Media-Schnittstellen mit einem luxuriösen Graustufen-Design mit ausgefeilter Typografie und Unterstützung für den Dunkelmodus.

Offen

Fortschrittsbalken

Eine reaktionsschnelle Fortschrittsleistenkomponente mit Unterstützung für den Dunkelmodus für E-Commerce, mit einem lebendigen Farbschema und einem einfachen Layout.

Offen

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.

Offen