Minimalist Progress Bar
A minimalist and flat design progress bar component with pastel colors, suitable for professional business or corporate websites. It has a responsive design and supports dark mode using Tailwind CSS.
HTML Code
<div class="w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700">
<div class="bg-blue-400 h-2.5 rounded-full" style="width: 45%"></div>
</div>Related Components
Bauhaus Progress Bar Component
A moderate complexity, responsive, Bauhaus-inspired progress bar component suitable for entertainment/media platforms, featuring cool neutrals and dark mode support.
3D Grayscale Sports Fitness Progress Bar
A complex, 3D grayscale progress bar component designed for sports and fitness applications, showing training progress with depth and visual engagement. It includes dark mode support and is fully responsive.
Industrial_Travel_Progress_Bar
A simple, industrial-style progress bar component for travel/tourism websites, featuring a purple/violet color scheme and full responsiveness with dark mode support.