Material Design Barra di avanzamento terrosa
Una barra di avanzamento ispirata al Material Design con toni della terra, adatta per le interfacce dei social media. È reattivo e include il supporto per la modalità oscura utilizzando Tailwind CSS.
Codice HTML
<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
<div class="bg-green-700 h-2.5 rounded-full dark:bg-green-500" style="width: 45%"></div>
</div>Componenti correlati
Componente della barra di avanzamento
Un componente della barra di avanzamento semplice e reattivo con influenze Material Design, che utilizza toni caldi del tramonto. Ideale per applicazioni tecnologiche/SaaS, con supporto per la modalità scura.
Componente della barra di avanzamento
Un componente della barra di avanzamento reattivo progettato con elementi 3D, utilizzando una combinazione di colori analoga adatta all'e-commerce, con supporto per la modalità oscura
Barra di avanzamento Cyberpunk Neo-Retro
Un componente della barra di avanzamento di complessità moderata con un'estetica cyberpunk e neo-retrò, sfondi scuri e colori d'accento vintage tenui, progettato per piattaforme di intrattenimento/multimediali. È dotato di un display di avanzamento segmentato ed è completamente reattivo con il supporto della modalità oscura.