Barre de progression neumorphe
Un composant de barre de progression réactif conçu avec le style Neumorphism, prenant en charge les thèmes clairs et sombres à l’aide de Tailwind CSS.
HTML Code
<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>Composants associés
Barre de progression triadique minimaliste
Une barre de progression minimaliste et réactive avec une palette de couleurs triadique et une prise en charge du thème sombre, adaptée aux applications de médias sociaux.
Luxury_Grayscale_Social_Media_Progress_Bar
Un composant de barre de progression complexe, élégant et réactif pour les interfaces de médias sociaux, doté d’un design luxueux en niveaux de gris avec une typographie sophistiquée et une prise en charge du mode sombre.
Barre de progression du neumorphisme
Un composant réactif de barre de progression de style neumorphisme conçu pour les tableaux de bord, intégrant une fonction interactive et prenant en charge le mode sombre.