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

2015-06-14 12:19:39 +08:00
 djyde

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

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

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

兼容 IE10 或以上

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

2877 次点击
所在节点    分享创造
7 条回复
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
@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

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

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

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

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

© 2021 V2EX