Composants Barre de progression Barre de progression terreuse de conception matérielle

Barre de progression terreuse de conception matérielle

Une barre de progression inspirée du Material Design avec des tons de terre, adaptée aux interfaces de médias sociaux. Il est réactif et inclut la prise en charge du mode sombre à l’aide de Tailwind CSS.

Aperçu

HTML Code

<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
  <div class="bg-green-700 h-2.5 rounded-full dark:bg-green-500" style="width: 45%"></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.

Ouvrir

Composant de la barre de progression du mode sombre

Un composant de barre de progression réactif en mode sombre pour les sites Web d’entreprise, utilisant des couleurs vives et des éléments interactifs.

Ouvrir

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.

Ouvrir