Composant de la barre de progression 3D
Style avec des effets 3D, Tailwind CSS, un design réactif et la prise en charge du mode sombre.
HTML Code
<div class='relative pt-1 dark:bg-gray-800'>
<div class='overflow-hidden h-2 text-xs flex rounded bg-gray-200 dark:bg-gray-700'>
<div style='width: 45%' class='shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500 dark:bg-blue-400'></div>
</div>
<div class='mt-2 text-right text-xs dark:text-gray-400'>45% Complete</div>
</div>Composants associés
Volet Indicateurs de progrès
Indicateurs de progression inspirés du papier/de l’impression pour une place de marché, avec des couleurs bonbons/sucrées. Conception complexe avec plusieurs étapes, mise en page réactive et prise en charge du mode sombre.
Volet Indicateurs de progrès industriel
Un composant complexe et contrasté d’indicateurs de progression avec une esthétique de design industriel, adapté aux sites Web d’entreprise. Comprend plusieurs barres de progression, une section d’état détaillée et des textures de matières premières, entièrement réactives avec la prise en charge du mode sombre.
Volet Indicateurs de progrès
Un indicateur de progression simple conçu avec un effet de glassmorphism, adapté aux sites Web de commerce électronique avec prise en charge du mode sombre et une palette de couleurs monochromatiques.