纯CSS3实现iOS7风格进度条纯CSS3打造简洁顺滑的iOS7风格进度条

纯 CSS3 写的 iOS7 风格进度条，简洁、顺滑、还挺有那味儿的。

iOS7 的设计讲究扁平化、通透感，进度条也不例外。你不需要 JS，也不靠第三方库，光靠 CSS3 就能搞定，还挺优雅。

像border-radius、background-color、transition这些属性用得比较多，调起来也简单。你可以用::before伪元素做填充条，再搭个淡蓝色或者苹果粉，加个平滑动画，质感立马就上来了。

如果你用的是标签，配合appearance: none干掉浏览器默认样式，再套上自己的样式也完全没问题，WebKit 系浏览器还能进一步细调。

这个资源包里有完整的代码和例子，你要是做移动端页面或者仿 iOS 界面，拿来直接用都省事，样式比较轻，不压页面。

哦对了，记得留意下浏览器兼容性，旧版 IE 就别指望了，配合下Modernizr兜底会更稳。