带有Javascript、HTML的单均衡器进度条

首先看看我上传的图片

我想用HTML和JS来实现这一点。我尝试了很多方法，但不要这样做。

---

当我的麦克风值增加时，我的进度条也会随着颜色的不同而增加。就像我上传的图片。

这是对你问题的一个很好的回答，但你的工作就是做类比。 首先，请参见引导进度条以及如何在此处操作它：

---

现在，您可以将其连接到您的案例中来执行此操作

可能的重复项否，我不需要获取麦克风数据，我只需要UI设计。然后不要在您的问题中声明“当我的麦克风值增加时，我的进度条也会增加；”一个想法是使用整个进度条的图像，并将其水平裁剪到应该显示的部分。好的。但是我想这样设计我的进度条。。在每个进度条中只有一种颜色。。但是有3-4种颜色的垂直视图。我该怎么做(