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
Progress Bar Component
A responsive progress bar component designed in Material Design style, incorporating pastel color schemes for portfolio showcases. It supports dark mode.
Triadic Dark Mode Progress Bar
A simple and triadic-colored progress bar component for dark mode, suitable for blogs and content consumption. It features a responsive design with Tailwind CSS, utilizing the dark: prefix for dark theme support without JavaScript.
Progress Bar
Progress Bar Component with Microinteractions design. Includes responsive effects and dark theme support using only HTML and CSS (Tailwind CSS).