Компонент 3D-индикатора выполнения
Стилизован с помощью 3D-эффектов, Tailwind CSS, адаптивного дизайна и поддержки темного режима.
HTML-код
<div class='relative pt-1 dark:bg-gray-800'>
<div class='overflow-hidden h-2 text-xs flex rounded bg-gray-200 dark:bg-gray-700'>
<div style='width: 45%' class='shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500 dark:bg-blue-400'></div>
</div>
<div class='mt-2 text-right text-xs dark:text-gray-400'>45% Complete</div>
</div>Связанные компоненты
Компонент индикаторов прогресса
Компонент индикаторов прогресса в брутальном стиле с высокой контрастностью, демонстрирующий работу или продукты в портфолио. Он отличается богатым интерфейсом с множеством интерактивных элементов, разработанным для адаптации с поддержкой темной темы с использованием Tailwind CSS.
БруталистОттенки серогоПрогрессБар
Индикатор выполнения в бруталистском стиле в оттенках серого для содержимого блога с простым дизайном, поддержкой темного режима и быстродействием.
Компонент «Индикаторы прогресса»
Компонент индикаторов прогресса, вдохновленный Material Design, с отзывчивыми эффектами и поддержкой темных тем, созданный с использованием Tailwind CSS.