好怀恋雪豹的进度条，有谁知道现在用 html5 怎么实现那种 style？

V2EX = way to explore

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

已注册用户请登录

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

就是这个蓝白进度条，好怀恋，假如用 css 能做出这个效果吗， google 了一大圈也没找到

7 条回复 • 2016-04-11 08:53:16 +08:00

ss098

2016-04-10 23:47:44 +08:00 via Android

wlee1991

2016-04-10 23:52:55 +08:00

@ss098 谢谢，差不多了，但好像还不是一模一样的

wdhwg001

2016-04-11 00:51:34 +08:00 via iPhone

可以用三色渐变，然后加一个轻微的 blur ，在妹子 ui 的基础上简单魔改就可以了？明天试着弄一下。

TakanashiAzusa

2016-04-11 00:57:45 +08:00

那个就是用渐变弄出来的。
linear-gradient
往下拉
https://css-tricks.com/css3-gradients/

有生成器可以尝试下：
http://www.cssmatic.com/gradient-generator

不过想要完全还原可能比较麻烦

pynix

2016-04-11 01:48:57 +08:00 via Android

bootstrap 那个感觉有点像。

ffffwh

2016-04-11 02:15:51 +08:00 via Android

想到了蓝白碗..

wlee1991

2016-04-11 08:53:16 +08:00

@wdhwg001 谢谢，弄好了吗