V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
whx20202
V2EX  ›  前端开发

像 github 那种,点击资源的时候上面的进度条是什么东西啊?

  •  
  •   whx20202 · 2017-06-10 21:53:07 +08:00 · 2576 次点击
    这是一个创建于 2505 天前的主题,其中的信息可能已经有所发展或是发生改变。

    有谁知道吗?

    第 1 条附言  ·  2017-06-10 22:28:39 +08:00
    我想问是什么组件 什么库
    第 2 条附言  ·  2017-06-10 23:29:35 +08:00
    感谢各位给科普了一下,我会找一个最适合我的用一下 谢啦
    10 条回复    2017-06-10 23:44:42 +08:00
    Deeer
        1
    Deeer  
       2017-06-10 22:21:22 +08:00
    小伙子啊,你点一下进度条试试...
    whx20202
        2
    whx20202  
    OP
       2017-06-10 22:28:14 +08:00
    @Deeer 那么细 点了半天也点不到,微博上也有 是橙色的
    Deeer
        3
    Deeer  
       2017-06-10 22:29:24 +08:00
    po 图看看
    faceair
        4
    faceair  
       2017-06-10 22:38:01 +08:00   ❤️ 1
    搜 progress bar
    geelaw
        5
    geelaw  
       2017-06-10 22:39:53 +08:00 via iPhone
    这个难道不是随手实现么?嵌套 div,内层的 width 不断变化(=?%)即可。内层 div 背景色指示其宽度。
    Pastsong
        6
    Pastsong  
       2017-06-10 22:43:00 +08:00   ❤️ 1
    nprogress 吧,GitHub 用了 pjax
    lvwzhen
        7
    lvwzhen  
       2017-06-10 22:43:29 +08:00 via iPhone   ❤️ 1
    mittya
        8
    mittya  
       2017-06-10 22:48:26 +08:00   ❤️ 1
    Github 应该用的 Turbolinks 来实现的,毕竟和 Ruby on Rails 完美整合 https://github.com/turbolinks/turbolinks

    不过这不是你想要的,向上面朋友说的搜 “ progress bar js ”、“进度条 js ” 会有好多

    比如: https://kimmobrunfeldt.github.io/progressbar.js
    USCONAN
        9
    USCONAN  
       2017-06-10 23:41:02 +08:00
    現在幾個主流站都有這東西~
    046569
        10
    046569  
       2017-06-10 23:44:42 +08:00
    @Pastsong 是正解,turbolinks + nprogress.
    LZ 可以翻下我博客,有独立的(非 Ruby on Rails )版本.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   989 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 22:48 · PVG 06:48 · LAX 15:48 · JFK 18:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.