V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
djyde
V2EX  ›  分享创造

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

  •  1
     
  •   djyde ·
    djyde · 2015-06-14 12:19:39 +08:00 · 2750 次点击
    这是一个创建于 3244 天前的主题,其中的信息可能已经有所发展或是发生改变。

    昨晚心血来潮想做个顶部加载条的轮子,于是就做了 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
        1
    HanSonJ  
       2015-06-14 12:37:34 +08:00
    感觉很赞啊
    love
        2
    love  
       2015-06-14 12:42:10 +08:00
    这种给ajax调用加进度都是耍流氓吧,我都是直接用css弄个无限循环加载提示条,js都省了
    Tink
        3
    Tink  
       2015-06-14 13:39:57 +08:00
    好看好看好看
    MajestySolor
        4
    MajestySolor  
       2015-06-14 15:55:51 +08:00
    感觉视觉效果还有改进空间
    可以加上渐变的效果
    参考这个:
    https://gist.github.com/solor/b7c37ee6f50116ddbc0e
    gilgamesh
        5
    gilgamesh  
       2015-06-14 16:11:08 +08:00 via Android
    @love 这明显是手动的,哪监控了 ajax
    horizon
        6
    horizon  
       2015-06-14 20:52:12 +08:00
    已star,学习了。
    wh1100717
        7
    wh1100717  
       2015-07-02 01:30:02 +08:00
    其实Top Progress的main point不在于此.... 传送门 https://github.com/HubSpot/pace
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2089 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 83ms · UTC 01:46 · PVG 09:46 · LAX 18:46 · JFK 21:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.