造了个 Top Progress Bar 的轮子 —— ToProgress.js

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

昨晚心血来潮想做个顶部加载条的轮子，于是就做了 ToProgress.js

Demo http://djyde.github.io/ToProgress

这是一个轻量级并且无依赖的库，原理是 css3 的 transition 。

兼容 IE10 或以上

如果你喜欢可以给个 Star :)

第 1 条附言 · 2015-06-14 23:30:27 +08:00

移动端也是 support 得不错的

7 条回复 • 2015-07-02 01:30:02 +08:00

HanSonJ

2015-06-14 12:37:34 +08:00

感觉很赞啊

love

2015-06-14 12:42:10 +08:00

这种给ajax调用加进度都是耍流氓吧，我都是直接用css弄个无限循环加载提示条，js都省了

Tink

2015-06-14 13:39:57 +08:00

好看好看好看

MajestySolor

2015-06-14 15:55:51 +08:00

感觉视觉效果还有改进空间
可以加上渐变的效果
参考这个：
https://gist.github.com/solor/b7c37ee6f50116ddbc0e

gilgamesh

2015-06-14 16:11:08 +08:00 via Android

@love 这明显是手动的，哪监控了 ajax

horizon

2015-06-14 20:52:12 +08:00

已star，学习了。

wh1100717

2015-07-02 01:30:02 +08:00

其实Top Progress的main point不在于此.... 传送门 https://github.com/HubSpot/pace