自定义JS上的进度条

Question

我使用非常简单的progress bar with bootstarp。

但是我想像这样创建自定义进度条：

但我不知道如何创建这样的进度条。也许现成的JS库存在或其他东西，用于创建进度条。

Answer 1

您可以这样做：

• 使用您的模因图像，使脸部内部透明，外部呈白色（或使用背景颜色）
• 使用与您的模因图像大小相同的彩色div（例如蓝色），并将其隐藏在您的模因图像下
• 在进度上，将图像滑动到您的模因后面（使用javascript）（使用z-index）
• 您获得了效果