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