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.
Código HTML
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-800 p-4">
<div class="w-64 bg-gray-200 dark:bg-gray-900 rounded-full shadow-lg p-1">
<div class="bg-gradient-to-r from-blue-500 to-blue-700 h-4 rounded-full" style="width: 70%;"></div>
</div>
<span class="mt-2 text-gray-700 dark:text-gray-300">70%</span>
</div>Componentes relacionados
Brutalist_ProgressBar
Un componente de barra de progreso de estilo brutalista de alto contraste adecuado para plataformas de mercado, con colores llamativos y diseño simple, con capacidad de respuesta total y compatibilidad con modo oscuro.
Barra de progreso de Glassmorphism
Barra de progreso de estilo glassmorphism diseñada para interfaces de redes sociales, con colores vibrantes y compatibilidad con el modo oscuro. Diseño simple sin JavaScript.
Componente de la barra de progreso
Un componente simple de la barra de progreso con estilo de vidrio y colores monocromáticos, adecuado para sitios web comerciales y corporativos, con soporte para el modo oscuro.