Javascript 自定义JS上的进度条

我用的很简单

但我想创建如下自定义进度条：

---

但我不知道如何创建这样的进度条。可能已准备好使用JS库或其他工具来创建进度条。

您可以执行以下操作：

• 使用你的meme图像，使面部内部透明，外部白色（或使用背景色）
• 使用与你的模因图像大小相同的彩色div（例如蓝色），并将其隐藏在你的模因图像下
• 在进程中，将图像滑到meme后面的顶部（使用javascript）（使用z-index）
• 你得到你的效果了吗

---

非常有趣，请给我举个简单的例子