Componenti Indicatore Barra di avanzamento neumorfica

Barra di avanzamento neumorfica

Un componente della barra di avanzamento reattivo progettato con lo stile Neumorfismo, che supporta sia i temi chiari che quelli scuri utilizzando Tailwind CSS.

Anteprima

Codice HTML

<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>

Componenti correlati

Componente Barra di avanzamento 3D

Un componente della barra di avanzamento reattivo progettato per le interfacce di social networking, con un effetto 3D, una combinazione di colori monocromatica e il supporto della modalità scura, creato utilizzando Tailwind CSS.

Aperto

Componente della barra di avanzamento Bauhaus

Un componente della barra di avanzamento di moderata complessità, reattivo e ispirato al Bauhaus, adatto per piattaforme di intrattenimento/multimediali, con neutri freddi e supporto per la modalità oscura.

Aperto

Glassmorphism_EarthTones_ProgressBar_ForumComponent

Un componente reattivo della barra di avanzamento del vetromorfismo con toni della terra, adatto per piattaforme di forum o comunità. Presenta elementi traslucidi simili al vetro smerigliato con effetti di sfocatura e supporto per la modalità scura.

Aperto