Componente Barra di avanzamento 3D
Progettato con effetti 3D, Tailwind CSS, design reattivo e supporto per la modalità oscura.
Codice HTML
<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>Componenti correlati
Componente Indicatori di progresso
Un semplice componente Progress Indicators ispirato all'estetica retrò/vintage degli anni '80 e '90, che utilizza una combinazione di colori complementari. Progettato per le interfacce dei social media e reattivo con supporto per il tema scuro.
Componente Indicatori di progresso
Un indicatore di avanzamento in stile neumorfico adatto per le interfacce dei social media, caratterizzato da un layout semplice e un design reattivo con supporto per la modalità scura.
Componente Indicatori di progresso
Un componente indicatore di avanzamento minimalista progettato per mostrare i progressi del portfolio utilizzando colori vivaci e un design reattivo con supporto per temi scuri.