Componente de la barra de progreso
Un componente de barra de progreso receptivo diseñado para el modo oscuro usando Tailwind CSS, adecuado para aplicaciones web modernas.
Código HTML
<div class="flex items-center justify-center h-screen bg-gray-900 p-4">
<div class="w-full max-w-md">
<h2 class="text-white text-lg font-semibold mb-2">Upload Progress</h2>
<div class="relative bg-gray-700 rounded-full h-4">
<div class="bg-green-500 rounded-full h-full" style="width: 60%;"></div>
</div>
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>0%</span>
<span>60%</span>
<span>100%</span>
</div>
</div>
</div>
Componentes relacionados
Componente de la barra de progreso
Un componente de barra de progreso receptivo diseñado en el estilo de Material Design, que incorpora esquemas de colores pastel para exhibiciones de portafolios. Es compatible con el modo oscuro.
Componente de la barra de progreso
Un componente de barra de progreso receptivo diseñado para el modo oscuro con una combinación de colores pastel, adecuado para sitios web comerciales / corporativos.
Barra de progreso del modo oscuro
Un componente de barra de progreso receptivo diseñado para el modo oscuro usando Tailwind CSS, con un diseño elegante y soporte para temas oscuros.