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