Минималистичный индикатор выполнения
Минималистичный и плоский компонент индикатора прогресса в пастельных тонах, подходящий для профессиональных деловых или корпоративных сайтов. Он имеет адаптивный дизайн и поддерживает темный режим с использованием Tailwind CSS.
HTML-код
<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>Связанные компоненты
Компонент индикатора выполнения
Простой компонент прогресс-бара, стилизованный под стеклянный морфизм и монохроматические цвета, подходит для деловых и корпоративных сайтов, с поддержкой темного режима.
Индикатор выполнения стекломорфизма
Индикатор выполнения в стиле стекломорфизма, разработанный для интерфейсов социальных сетей, отличается яркими цветами и поддержкой темного режима. Простая верстка без JavaScript.
Индикатор прогресса Neumorphism
Прогресс-бар в стиле Neumorphism для портфолио с пастельной цветовой гаммой, умеренной сложностью, отзывчивостью и поддержкой темных тем. JavaScript не включен; компонент собран с помощью HTML и Tailwind CSS.