Components Progress Indicators BrutalistGrayscaleProgressBar

BrutalistGrayscaleProgressBar

A brutalist-style grayscale progress bar for blog content, with simple design, dark mode support, and responsiveness.

Preview

HTML Code

<div class="w-full bg-gray-800 h-4 dark:bg-gray-200">
  <div class="bg-gray-400 h-4 dark:bg-gray-600" style="width: 50%;"></div>
</div>

Related Components

Progress Indicators Component

A simple progress indicator designed with a glassmorphism effect, suitable for e-commerce websites with dark mode support and a monochromatic color scheme.

Open

Progress Indicators Component

A responsive Progress Indicators Component with glassmorphism style, featuring frosted glass-like translucent elements and blur effects, supporting dark theme using Tailwind CSS.

Open

Organic Sepia Progress Indicator

A simple, nature-inspired progress indicator for dating/social apps, featuring warm sepia and brown tones with flowing lines, responsive and dark mode compatible.

Open