在元素上分层渐变

时间:2012-04-22 10:13:24

标签: jquery css3 progress-bar

所以我从jQ UI获得了这个小小的进度条。 http://jsfiddle.net/BnqaJ/ 但对于当前的渐变,我想添加这样的条纹。 http://jqueryui.com/demos/progressbar/#animated但不是动画。

1 个答案:

答案 0 :(得分:3)

也许您可以使用repeating-linear-gradient创建一个覆盖进度条的CSS模式。看到这个jsfiddle:http://jsfiddle.net/joshdavenport/Qw6uv/2/。更改渐变的角度似乎会停止使用元素移动的渐变:http://jsfiddle.net/joshdavenport/Qw6uv/4/

它优雅地降级,没有支持它就不会出现,保持进度条完好无损。

请参阅this page了解更多信息和浏览器支持信息