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.
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
Composant de la barre de progression
Un composant de barre de progression réactif conçu avec des éléments 3D, utilisant une palette de couleurs analogue adaptée au commerce électronique, avec prise en charge du mode sombre
Barre de progression skeuomorphe
Composant de barre de progression skeuomorphe pour les portfolios, doté d’un schéma de couleurs monochromatique et d’un design complexe et interactif avec prise en charge du mode réactif et sombre à l’aide de Tailwind CSS.
Barre de progression des commandes e-commerce
Un composant de barre de progression réactif pour le commerce électronique avec prise en charge du mode sombre, avec un design monochromatique. Pas de JavaScript, seulement du HTML et du CSS Tailwind.