前两天才发了一个柱状图，今天又来了。不用怀疑，这个sample那是相当的水，就是flash update时候出现的那个进度条。一直都觉得这个进度条制作得很有质感，所以就模范了一个，唉，都是公司里面太闲造成的呀，这也导致了最近觉得个人在公司的表现感觉不是很好。

进度条很多地方都会用到，比起旋转的菊花来说，进度条更能增强用户体验，当然，在Web Development中，用到进度条的可能行很少的，因为真正的进度条和下载总量和媒体当前下载量有关系的，HTTP协议从根本上杜绝了它的存在。

所以一般我们都是使用菊花，或者loading字样的gif图像代替。如果强制要用进度条，可以使用flash，silverlight等来按字节加载资源来代替，例如gmail中的文件上传，还有我的buzzzzble里面的图片加载。

废话一箩筐，还是来看看做这个progressbar用到了那个技术点吧，它就是linearGradient，线性渐变，相关详细说明可以到

http://www.w3.org/TR/SVG/pservers.html#LinearGradients

当然还有radial gradient的说明，这个在第2个sample中用到过:

http://www.w3.org/TR/SVG/pservers.html#RadialGradients

最后放上这个简单的PrograssBar的地址，千万别讥笑，嘿嘿：

http://sheldonw.sinaapp.com/mr-and-ms/Mr.Graph/samples/progressbar.html

还有它的截图：

希望各位Web Development者，或者是WEB项目的客户，都重视前端开发，有品质的产品应该是面面俱到，即使是每个按钮的位置都应该考虑的。我想，外包公司也应该把这方面重视起来，把外包项目的品质提高，要知道良好的客户用户体验也是项目成功的一个关键因素。