Composants Barre de progression Barre de progression Glassmorphism

Barre de progression Glassmorphism

Barre de progression de style Glassmorphism conçue pour les interfaces de médias sociaux, avec des couleurs vives et la prise en charge du mode sombre. Mise en page simple sans JavaScript.

Aperçu

HTML Code

<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>

Composants associés

Barre de progression du mode sombre

Un composant de barre de progression réactif conçu pour le mode sombre à l’aide de Tailwind CSS, avec un design élégant et la prise en charge du thème sombre.

Ouvrir

Composant de la barre de progression

Un composant simple de barre de progression stylisé avec un morphisme de verre et des couleurs monochromes, adapté aux sites Web d’entreprise et d’entreprise, avec prise en charge du mode sombre.

Ouvrir

Composant de la barre de progression

Un composant simple de barre de progression stylisé dans un design brutaliste avec une palette de couleurs en niveaux de gris pour les applications de commerce électronique. Il est réactif et prend en charge le mode sombre.

Ouvrir