圆圈进度条,来骗 Star 了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
ThomasChan
V2EX    Javascript

圆圈进度条,来骗 Star 了

  •  
  •   ThomasChan 2016-09-14 15:11:01 +08:00 4344 次点击
    这是一个创建于 3315 天前的主题,其中的信息可能已经有所发展或是发生改变。

    网站改版时公司射击湿给了个这样的圆圈进度条,没搜到现成的,就自己用 canvas 画了一个 可还行?

    Git 地址

    19 条回复    2016-09-29 15:15:53 +08:00
    Elven
        1
    Elven  
       2016-09-14 15:18:36 +08:00 via Android
    想要一个猫咪扭来扭去的进度条(ω )
    alexsunxl
        2
    alexsunxl  
       2016-09-14 15:24:58 +08:00
    不用 canvas 也能做
    ThomasChan
        3
    ThomasChan  
    OP
       2016-09-14 15:25:55 +08:00
    @Elven ( ̄  ̄|||) 怎么扭 你是说[这个表情]( http://chenjunhao.cn/assets/images/miaomiao.gif)嘛 2333
    ThomasChan
        4
    ThomasChan  
    OP
       2016-09-14 15:26:32 +08:00
    @alexsunxl 不会 不知道用 css 的话那个小圆怎么定位
    timestamp
        5
    timestamp  
       2016-09-14 15:53:33 +08:00
    你已经成功的引起了我的注意
    designer
        6
    designer  
       2016-09-14 15:58:26 +08:00   1
    给大家分享一个国外的在线且免费 Loading 生成的网址
    http://preloaders.net/

    有兴趣的可以关注下我的公众号!
    designer
        7
    designer  
       2016-09-14 16:01:06 +08:00
    再来一个 CSS 生成的 loading
    http://cssload.net/
    flowfire
        8
    flowfire  
       2016-09-14 16:40:58 +08:00
    其实可以用纯 css 。。。。
    Elven
        9
    Elven  
       2016-09-14 16:44:48 +08:00 via Android
    @ThomasChan 好魔性
    rrkelee
        10
    rrkelee  
       2016-09-14 17:15:16 +08:00
    @ThomasChan 三角函数,很容易的
    ThomasChan
        11
    ThomasChan  
    OP
       2016-09-14 17:19:52 +08:00
    @rrkelee (ノ**) 额 不会啊 请不吝赐教
    zwh8800
        12
    zwh8800  
       2016-09-14 17:23:06 +08:00   1
    对 retina 屏支持的不很好呀,数字比较模糊
    ThomasChan
        13
    ThomasChan  
    OP
       2016-09-14 18:53:40 +08:00
    @zwh8800 嗯可以了
    flydogs
        14
    flydogs  
       2016-09-15 10:06:14 +08:00
    +1
    srx1982
        15
    srx1982  
       2016-09-15 11:54:44 +08:00   1
    给你报个 bug ,你那个 demo 页面连续点 restart 的话,速度会越来越快
    lixingcong
        16
    lixingcong  
       2016-09-15 23:34:15 +08:00 via Android
    楼上是专业找 bug 的
    ThomasChan
        17
    ThomasChan  
    OP
       2016-09-18 10:29:53 +08:00
    @srx1982 确实, ,已修复
    hasbug
        18
    hasbug  
       2016-09-22 22:45:15 +08:00
    已经关注
    zhihaofans
        19
    zhihaofans  
       2016-09-29 15:15:53 +08:00 via Android
    上面这几个都不错,直接 Mark
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5889 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 03:20 PVG 11:20 LAX 20:20 JFK 23:20
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86