Материал Дизайн Earthy Progress Bar
Шкала прогресса в стиле Material Design с земляными тонами, подходящая для интерфейсов социальных сетей. Он адаптивный и включает поддержку темного режима с использованием Tailwind CSS.
HTML-код
<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
<div class="bg-green-700 h-2.5 rounded-full dark:bg-green-500" style="width: 45%"></div>
</div>Связанные компоненты
Нейроморфный индикатор выполнения
Адаптивный компонент полосы прогресса, разработанный в стиле Neumorphism, поддерживающий как светлую, так и темную темы с использованием Tailwind CSS.
Индикатор прогресса Neumorphism
Прогресс-бар в стиле Neumorphism для портфолио с пастельной цветовой гаммой, умеренной сложностью, отзывчивостью и поддержкой темных тем. JavaScript не включен; компонент собран с помощью HTML и Tailwind CSS.
Компонент индикатора выполнения
Простой компонент прогресс-бара, стилизованный под стеклянный морфизм и монохроматические цвета, подходит для деловых и корпоративных сайтов, с поддержкой темного режима.