会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
John_杰
博客园
首页
新随笔
联系
订阅
管理
2019年6月6日
用HTML、CSS、JS制作圆形进度条(无动画效果)
摘要: 逻辑 1、首先有一个圆:蓝色的纯净的圆,效果: 2、再来两个半圆,左边一个,右边一个将此蓝色的圆盖住,效果: 此时将右半圆旋转60°,就会漏出底圆,效果: 然后我们再用一个比底圆小的圆去覆盖这个大圆就可以出进度条效果了 代码: <style> /*支持IE9及以上*/ .circle-bar {ma
阅读全文
posted @ 2019-06-06 16:59 (john_zhang)
阅读(6942)
评论(0)
推荐(0)
编辑
公告