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