Componente della barra di avanzamento
Un semplice componente della barra di avanzamento con un design brutale con una combinazione di colori in scala di grigi per applicazioni di e-commerce. È reattivo e dispone del supporto per la modalità oscura.
Codice HTML
<div class="w-full max-w-md mx-auto p-4">
<h2 class="text-white text-xl font-bold mb-2">Loading Your Items...</h2>
<div class="bg-gray-300 dark:bg-gray-700 rounded-full h-6">
<div class="bg-black dark:bg-white h-6 rounded-full" style="width: 70%;"></div>
</div>
<div class="flex justify-between mt-2">
<span class="text-gray-500 dark:text-gray-300 text-sm">0%</span>
<span class="text-gray-500 dark:text-gray-300 text-sm">70%</span>
</div>
</div>Componenti correlati
Luxury_Grayscale_Social_Media_Progress_Bar
Un componente della barra di avanzamento complesso, elegante e reattivo per le interfacce dei social media, caratterizzato da un design di lusso in scala di grigi con tipografia sofisticata e supporto per la modalità oscura.
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.
Componente della barra di avanzamento
Un componente della barra di avanzamento reattivo progettato per la modalità scura con una combinazione di colori pastello, adatto per siti Web aziendali/aziendali.