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

2016-04-10 23:43:20 +08:00
 wlee1991

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

1824 次点击
所在节点    问与答
7 条回复
ss098
2016-04-10 23:47:44 +08:00
http://amazeui.org/css/progress#jin-du-tiao-tiao-wen

这样？
wlee1991
2016-04-10 23:52:55 +08:00
@ss098 谢谢，差不多了，但好像还不是一模一样的
wdhwg001
2016-04-11 00:51:34 +08:00
可以用三色渐变，然后加一个轻微的 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
bootstrap 那个感觉有点像。
ffffwh
2016-04-11 02:15:51 +08:00
想到了蓝白碗..
wlee1991
2016-04-11 08:53:16 +08:00
@wdhwg001 谢谢，弄好了吗

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/270026

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX