Javascript 如何创建根据值升高到特定高度的动画条

嗨，我需要创建一个桶填充值的动画，需要知道如何最好地这样做，以便客户端可以自己更新值，动画将自动知道在哪里停止填充桶。最后，当达到最高值时，会出现某种动画表示祝贺

桶量从下到上依次为0、10k、30k、50k、70k、80k和100k

我只需要一种使用html、javascript/jquery甚至xml的简单方法，这样他们就可以自己每天更新值

---

非常感谢您的帮助

您可以使用progress html5元素

如果您希望它是垂直的，我认为只有mozilla才能产生一个

-moz-orient

属性

---

但是您可以使用

transform:rotate（-90度）旋转它
谢谢您的支持-它非常完美，但看起来在ie9或更低版本上不起作用。有没有办法让它在使用Modernizer时工作呢？我认为不可能让它在老浏览器中工作。但是，您可以使用jQueryUI，它有一个进度条组件，应该可以在任何地方使用。（请参阅：）可能还有另一种方法可以强制实现跨浏览器兼容性：或者