Barra di avanzamento del Glassmorphism
Barra di avanzamento in stile Glassmorphism progettata per le interfacce dei social media, con colori vivaci e supporto per la modalità scura. Layout semplice senza JavaScript.
Codice HTML
<div class="w-full bg-gray-200 bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-full h-4 dark:bg-gray-700 dark:bg-opacity-20 dark:backdrop-filter dark:backdrop-blur-lg">
<div class="bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 h-4 rounded-full" style="width: 75%;"></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.
Organic_Nature_ProgressBar
Un componente della barra di avanzamento ispirato alla natura e a tema retrò per applicazioni industriali e manifatturiere, con linee fluide, colori tenui e supporto per la modalità scura.
Skeuomorphic_Monochromatic_Progress_Bar
Un componente della barra di avanzamento skeumorfica di complessità moderata per l'e-commerce, con una combinazione di colori monocromatica, piena reattività e supporto per la modalità scura.