在银行做前端开发，最痛苦的莫过于内网开发，很多第三方库和组件无法使用，只能自己造轮子，真可谓是举步维艰！

本文为我们介绍了用CSS+SVG做一个优雅的环形进度条的核心原理。利用两个重叠的圆环形，通过对上层圆环弧长的控制来表示进度，下层圆环则作为辅助，呈现环形进度条剩余的部分。

效果图展示 代码部分 代码说明、注解 使用了 CSS 的一些属性： :after 伪类 position 定位 border-radius 圆角边框 linear-gradient 背景颜色渐变 di

如果img的src还不知道，该怎么设置呢？你可以设置为1*1大小的base64编码的透明图片。它体积小、不会有额外资源请求、不影响现有样式。本文介绍最小的兼容性最好的1*1的图片。