Progress Bar
A responsive progress bar component with dark mode support for e-commerce, featuring a vibrant color scheme and a simple layout.
HTML Code
<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-4 relative overflow-hidden">
<div class="bg-indigo-600 h-4 rounded-full dark:bg-indigo-400" style="width: 75%;">
<span class="absolute right-2 top-0 h-full flex items-center text-white text-xs font-bold">75%</span>
</div>
</div>Related Components
Minimalist Triadic Progress Bar
A minimalist, responsive progress bar with triadic color scheme and dark theme support, suitable for social media applications.
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.
Brutalist_ProgressBar
A high-contrast, brutalist-style progress bar component suitable for marketplace platforms, featuring bold colors and simple layout, with full responsiveness and dark mode support.