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

彩虹渐变颜色 ajax 加载提示条 colorBar

  •  
  •   coraline · 2015-11-02 21:44:25 +08:00 · 2408 次点击
    这是一个创建于 3327 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题所说,其实还可以弄成五颜六色的。技术原理都是很简单的,我只是组装起来了 :)

    DEMO

    http://loeify.github.io/colorBar

    GitHub

    https://github.com/LoeiFy/colorBar

    网站使用例子

    http://guo.lu

    http://stone.am0200.com/

    6 条回复    2015-11-05 08:31:03 +08:00
    airyland
        1
    airyland  
       2015-11-02 22:13:28 +08:00 via iPhone
    Cool
    purensong
        2
    purensong  
       2015-11-02 22:40:39 +08:00
    感觉看不出进度的样子,只能说一直在进度中
    coraline
        3
    coraline  
    OP
       2015-11-03 08:15:04 +08:00
    @purensong 是的没有进度,只是是加载提示
    lk920724
        4
    lk920724  
       2015-11-03 09:31:53 +08:00
    网站逼格好高,加载提示没有进度感觉一般般= =
    djyde
        5
    djyde  
       2015-11-04 22:55:19 +08:00
    额,顶部的 bar 应该改成 position fixed?
    coraline
        6
    coraline  
    OP
       2015-11-05 08:31:03 +08:00
    @djyde
    var bar = new colorBar('.bar', option);

    为了定位自由,产生的 colorBar 是根据父级容器来定,如果父级是 fixed top 就可以在顶部了

    文档写的不是很清楚,不好意思
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2749 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:57 · PVG 21:57 · LAX 05:57 · JFK 08:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.