Componente de indicadores de progreso de Glassmorphism
Componente de indicadores de progreso de Glassmorphism con esquema de color vibrante y complejidad simple.
Código HTML
<div class="flex flex-col items-center justify-center min-h-screen dark:bg-gray-900">
<div class="dark:bg-gray-800 bg-white bg-opacity-20 dark:bg-opacity-20 backdrop-filter backdrop-blur-lg dark:backdrop-blur-lg rounded-lg p-6 shadow-xl dark:shadow-xl">
<h2 class="text-2xl font-bold text-gray-800 dark:text-white mb-4">Progress</h2>
<div class="w-64 h-4 bg-gray-300 rounded-full overflow-hidden dark:bg-gray-700">
<div class="h-full bg-gradient-to-r from-cyan-400 to-blue-500 dark:from-cyan-600 dark:to-blue-700 w-3/4 rounded-full"></div>
</div>
<p class="text-sm text-gray-700 dark:text-gray-300 mt-2">75% Complete</p>
</div>
</div>Componentes relacionados
Indicadores de Progreso Componente 33
Un indicador de progreso responsivo con microinteracciones en Tailwind CSS, con soporte para temas oscuros.
Componente de Indicadores de Progreso
Un componente indicador de progreso de estilo glassmorphism para aplicaciones de redes sociales, con elementos translúcidos esmerilados similares al vidrio esmerilado con efectos de desenfoque. Utiliza un esquema de color análogo y ofrece una interfaz compleja y rica con múltiples elementos interactivos. El componente es responsivo y admite un tema oscuro con Tailwind CSS.
Componente de Indicadores de Progreso
Un componente indicador de progreso minimalista diseñado para mostrar el progreso de la cartera utilizando colores vibrantes y un diseño receptivo con soporte para temas oscuros.