Material Design Earthy Progress Bar
A Material Design-inspired progress bar with earth tones, suitable for social media interfaces. It is responsive and includes dark mode support using Tailwind CSS.
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>Related Components
Dark Mode Progress Bar
A responsive progress bar component designed for dark mode using Tailwind CSS, featuring a sleek design and dark theme support.
E-commerce Order Progress Bar
A responsive progress bar component for e-commerce with dark mode support, featuring a monochromatic design. No JavaScript, only HTML and Tailwind CSS.
Skeuomorphic Progress Bar
Skeuomorphic progress bar component for portfolios, featuring a monochromatic color scheme and complex, interactive design with responsive and dark mode support using Tailwind CSS.