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
Progress Bar Component
A responsive progress bar component designed in Material Design style, incorporating pastel color schemes for portfolio showcases. It supports dark mode.
Neumorphic Progress Bar
A responsive progress bar component designed with Neumorphism style, supporting both light and dark themes using Tailwind CSS.
Progress Bar Component
A responsive progress bar component designed with dark mode in mind, using Tailwind CSS.