材料设计自然进度条

一个以材料设计为灵感的进度条，使用大地色调，适用于社交媒体界面。它是响应式的，并且使用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>

相关组件

进度条组件

一个响应式的进度条组件，考虑了深色模式，使用Tailwind CSS.

打开

Neumorphism 进度条

用于电子档案夹的 Neumorphism 样式进度条，具有柔和的配色方案、适度的复杂性、响应能力和深色主题支持。不包含 JavaScript;该组件是使用 HTML 和 Tailwind CSS 构建的。

打开

新拟态进度条

一个响应式的神经形态风格进度条组件，专为仪表板设计，包含互动功能，并支持深色模式。

打开