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.
Código HTML
<div class="w-full bg-gray-200 bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-full h-4 dark:bg-gray-700 dark:bg-opacity-20 dark:backdrop-filter dark:backdrop-blur-lg">
<div class="bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 h-4 rounded-full" style="width: 75%;"></div>
</div>Componentes relacionados
Barra de progreso de neumorfismo
Componente de barra de progreso con diseño de neumorfismo, efectos responsivos y compatibilidad con temas oscuros mediante Tailwind CSS
Organic_Nature_ProgressBar
Un componente de barra de progreso de temática retro inspirado en la naturaleza para aplicaciones industriales y de fabricación, con líneas fluidas, colores apagados y compatibilidad con el modo oscuro.
Componente de la barra de progreso
Un componente de barra de progreso simple y sensible con influencia de Material Design, que utiliza tonos cálidos al atardecer. Ideal para aplicaciones de tecnología/SaaS, con soporte para modo oscuro.