CCHub Logo CCHub Tailwind Collection
Komponenten Fortschrittsbalken Komponente der Fortschrittsleiste

Komponente der Fortschrittsleiste

Eine reaktionsschnelle Fortschrittsleisten-Komponente, die für den Dunkelmodus mit Tailwind CSS entwickelt wurde und für moderne Webanwendungen geeignet ist.

Vorschau

HTML-Code 

<div class="flex items-center justify-center h-screen bg-gray-900 p-4">
    <div class="w-full max-w-md">
        <h2 class="text-white text-lg font-semibold mb-2">Upload Progress</h2>
        <div class="relative bg-gray-700 rounded-full h-4">
            <div class="bg-green-500 rounded-full h-full" style="width: 60%;"></div>
        </div>
        <div class="flex justify-between text-xs text-gray-400 mt-1">
            <span>0%</span>
            <span>60%</span>
            <span>100%</span>
        </div>
    </div>
</div>

Verwandte Komponenten

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

Offen

Fortschrittsbalken für Neumorphismus

Eine reaktionsschnelle Fortschrittsbalkenkomponente im Neumorphismus-Stil, die für Dashboards entwickelt wurde, eine interaktive Funktion enthält und den Dunkelmodus unterstützt.

Offen

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.

Offen