Javascript 如何根据数值制作不同颜色的填充条？寻找JS解决方案

我正在寻找解决方案来创建如图所示的实时图表，我已经查看了Highcharts、fusioncharts、raphaeljs和更多其他的示例，但找不到真正合适的。我已经尝试了很多fusioncharts LED小部件，但它没有必要的定制可能性。期待您的帮助和建议，谢谢

请看这张照片。我需要同样的工作方式和外观和感觉酒吧

---

关于这一点，我会这样说：如果值大于10（值），请更改颜色。研究使用JQuery通过.css命令更改div的颜色。如果您还没有访问www.codecademy.com并阅读JQuery教程，则还应使用.animate（）查看JQuery，以移动条。

---

这可能不会直接为您提供代码，但您将从使用这些资源进行的工作中学到更多。希望能有所帮助。=）

对于CSS部分，您可以使用背景图像或渐变，并使用插入阴影部分隐藏它

Javascript需要更新inset shadow的一个值：

 box-shadow:inset 0 90px #333 /* this would be 10% for a 100px bar */

---

我们需要看看您尝试了什么，以及您使用了什么html结构来帮助您：）您在d3.js中尝试了吗？学习起来有点难，但你可以从中获得大量定制的可能性。我使用什么html结构并不重要，我可以使用任何js框架。我只需要获得屏幕截图上显示的工作条。是的，我可能必须使用纯jQuery来获得工作条，因为我绝望地发现一些库可以快速准确地为我实现这一点。会有更多的编码，但我看不到其他解决方案。这可能是最简单的方法，如果你不是为了自己的利益而编码，尽管你可以随时让别人为你编码，尽管这应该不会太难=）试试这样的方法，这很难，因为我不知道你对这些值的输入是什么，所以我将其设置为“随机”-刷新页面几次，这是非常棒的事情，也是我所需要的！谢谢，我可能会使用以下代码=）