自定义JS进度条

Question

我用很简单的progress bar with bootstarp。

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

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

Answer 1

你可以这样做：

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