Индикатор выполнения стекломорфизма
Индикатор выполнения в стиле стекломорфизма, разработанный для интерфейсов социальных сетей, отличается яркими цветами и поддержкой темного режима. Простая верстка без JavaScript.
HTML-код
<div class="w-full bg-gray-200 bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-full h-4 dark:bg-gray-700 dark:bg-opacity-20 dark:backdrop-filter dark:backdrop-blur-lg">
<div class="bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 h-4 rounded-full" style="width: 75%;"></div>
</div>Связанные компоненты
Компонент индикатора выполнения
Простой компонент прогресс-бара, стилизованный под стеклянный морфизм и монохроматические цвета, подходит для деловых и корпоративных сайтов, с поддержкой темного режима.
Компонент 3D-индикатора выполнения
Отзывчивый компонент индикатора выполнения, разработанный для интерфейсов социальных сетей, с 3D-эффектом, монохроматической цветовой схемой и поддержкой темного режима, созданный с использованием Tailwind CSS.
Компонент индикатора выполнения
Сложный, отзывчивый компонент индикатора прогресса для государственных и общественных услуг, отличающийся чистым, минималистичным дизайном с монохромной палитрой и ярким акцентом, поддержкой темного режима и подробной информацией о ходе работы.