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
Barre de progression professionnelle du commerce électronique
Il s’agit d’un composant complexe et réactif de la barre de progression conçu pour le commerce électronique, avec une palette de couleurs automnales (oranges riches, bruns, bordeaux) et prenant en charge le mode sombre. Il offre un aspect épuré et professionnel pour les environnements d’entreprise.
Composant de la barre de progression
Un composant de barre de progression simple et réactif avec l’influence du Material Design, utilisant des tons chauds de coucher de soleil. Idéal pour les applications technologiques/SaaS, avec prise en charge du mode sombre.
Barre de progression arc-en-ciel dégradée pour la photographie
Un composant de barre de progression complexe et réactif pour les portfolios de photographie, doté d’un design arc-en-ciel dégradé multicolore et d’une prise en charge du mode sombre. Idéal pour présenter le chargement de photos ou la progression de la galerie.