Barra de progreso
Un componente de barra de progreso receptivo con soporte de modo oscuro para comercio electrónico, con una combinación de colores vibrantes y un diseño simple.
Código HTML
<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-4 relative overflow-hidden">
<div class="bg-indigo-600 h-4 rounded-full dark:bg-indigo-400" style="width: 75%;">
<span class="absolute right-2 top-0 h-full flex items-center text-white text-xs font-bold">75%</span>
</div>
</div>Componentes relacionados
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.
Barra de progreso profesional de comercio electrónico
Un componente de barra de progreso complejo y sensible diseñado para el comercio electrónico, con una combinación de colores otoñales (naranjas, marrones, burdeos intensos) y compatible con el modo oscuro. Proporciona un aspecto limpio y profesional para entornos corporativos.
Barra de progreso neumórfica
Un componente de barra de progreso responsivo diseñado con el estilo Neumorphism, que admite temas claros y oscuros mediante Tailwind CSS.