Composant de la barre de progression
Un composant de barre de progression réactif conçu pour le mode sombre à l’aide de Tailwind CSS, adapté aux applications Web modernes.
HTML Code
<div class="flex items-center justify-center h-screen bg-gray-900 p-4">
<div class="w-full max-w-md">
<h2 class="text-white text-lg font-semibold mb-2">Upload Progress</h2>
<div class="relative bg-gray-700 rounded-full h-4">
<div class="bg-green-500 rounded-full h-full" style="width: 60%;"></div>
</div>
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>0%</span>
<span>60%</span>
<span>100%</span>
</div>
</div>
</div>
Composants associés
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.
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.
Composant de la barre de progression
Un composant de barre de progression réactif conçu pour le mode sombre avec une palette de couleurs pastel, adapté aux sites Web d’entreprise.