Компонент индикаторов прогресса стекломорфизма
Компонент индикаторов прогресса стекломорфизма с яркой цветовой гаммой и простой сложностью.
HTML-код
<div class="flex flex-col items-center justify-center min-h-screen dark:bg-gray-900">
<div class="dark:bg-gray-800 bg-white bg-opacity-20 dark:bg-opacity-20 backdrop-filter backdrop-blur-lg dark:backdrop-blur-lg rounded-lg p-6 shadow-xl dark:shadow-xl">
<h2 class="text-2xl font-bold text-gray-800 dark:text-white mb-4">Progress</h2>
<div class="w-64 h-4 bg-gray-300 rounded-full overflow-hidden dark:bg-gray-700">
<div class="h-full bg-gradient-to-r from-cyan-400 to-blue-500 dark:from-cyan-600 dark:to-blue-700 w-3/4 rounded-full"></div>
</div>
<p class="text-sm text-gray-700 dark:text-gray-300 mt-2">75% Complete</p>
</div>
</div>Связанные компоненты
Memphis_Weather_Progress_Indicator
Компонент индикатора погоды со стилем оформления Memphis, отличающийся смелым черным и белым цветом с яркими акцентами, подходящий для отображения климатических данных. Он включает в себя адаптивный дизайн и поддержку темного режима.
Компонент индикаторов прогресса
Индикаторы прогресса, вдохновленные бумагой/печатью, для маркетплейса, с конфетными/сладкими цветами. Сложный дизайн с несколькими шагами, адаптивная верстка и поддержка темного режима.
Индикатор прогресса ArtDecoProgress
Сложный компонент индикатора прогресса, вдохновленный ар-деко, для платформ работы/карьеры, с геометрическими узорами, роскошным стилем и дополнительными цветами. Полностью адаптивный с поддержкой темного режима.