自定義進度條上的JS

Question

我使用非常簡單的progress bar with bootstarp。

但我想創建自定義的進度條是這樣的：

但我不知道如何創建這樣的進度條。也許準備使用的JS庫存在或其他東西，用於創建進度條。

Answer 1

你可以做這樣的事情：

• 使面部是內部透明和白色之外，請您米姆圖像（或使用您的背景顏色）
• 使用有顏色的div（藍色爲例）它與您的模因圖像大小相同，並將其隱藏在您的模特圖像下
• 在進度上，將圖像滑到頂端（使用javascript）在您的模因之後（使用z-index）
• 您獲得效果