今天在做项目中碰到一个需要用制作一个动画的进度条，一开始搞不清楚是怎么一回事，后在google中搜索了css progress bar，真的太多这样的资料，后随便弄了一个。今天贴出来与大家分享。跟我一起走吧>>>>。

CSS Globe为我们提供了一种简易实现动画进度条的方法。只需要3个元素，1个内容块和2个内嵌元素即可实现一个漂亮的动态进度条效果。只是需要注意的 是，这个效果是比较漂亮，但并能实现实时载入。而是在页面首次载入的时候，会根据你的设置，以Gif动画的形式显示进度条的载入。也就是说，可以用来美 观，但不具有交互作用。如下图所示：