css 制作自定义进度条

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1908 天前的主题，其中的信息可能已经有所发展或是发生改变。

一个简单的利用 css 制作自定义进度条的效果，用到了一些 radial-linear 不常用的属性，可以提升对 radial-linear，background-image 的认识。

2 条回复 • 2019-09-10 09:23:26 +08:00

belin520

2019-09-10 09:17:36 +08:00

2 条进度条重叠，一条作为背景，一条作为进度，不断的改变进度条的长度百分比。
这个应该比较多人容易理解

qiutianaimeili

2019-09-10 09:23:26 +08:00

@belin520 下面的 range 和 color 是用来控制上面进度条的百分比和颜色，抱歉，没说清楚。