CSS3 - 进度条设计

Cyd*_*ia7 1 css

我试图为我网站上的进度条提供一个漂亮的样式(它们都使用 jQuery UI)。我希望它看起来像这样:(下面有一个很好的斜角效果和一个很好的进度指示器)

进度条

我尝试用 CSS3 玩一点来得到这样的东西,但我只是找不到一个好的方法来做到这一点,而且我尝试的东西并不是很漂亮,甚至看起来像上面的图片......

这是我的尝试: http: //jsfiddle.net/xw6zL/2/ ...

任何想法 ?

fly*_*eep 5

我认为\xe2\x80\x99s非常接近: http: //jsfiddle.net/xw6zL/4/

\n\n

摆弄它:)

\n\n
\n\n

该效果是通过在每个元素的上下边框下方添加两个硬框阴影来实现的。在这里查看它的系统

\n