圆圈进度条，来骗 Star 了😂

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3023 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

Git 地址

圆圈

进度

git

STAR

19 条回复 • 2016-09-29 15:15:53 +08:00

Elven

2016-09-14 15:18:36 +08:00 via Android

想要一个猫咪扭来扭去的进度条ヽ(•̀ω•́ )ゝ

alexsunxl

2016-09-14 15:24:58 +08:00

不用 canvas 也能做

ThomasChan

2016-09-14 15:25:55 +08:00

@Elven (￣￣|||) 怎么扭你是说[这个表情]( http://chenjunhao.cn/assets/images/miaomiao.gif)嘛 2333

ThomasChan

2016-09-14 15:26:32 +08:00

@alexsunxl 不会不知道用 css 的话那个小圆怎么定位

timestamp

2016-09-14 15:53:33 +08:00

你已经成功的引起了我的注意

designer

2016-09-14 15:58:26 +08:00

给大家分享一个国外的在线且免费 Loading 生成的网址
http://preloaders.net/

有兴趣的可以关注下我的公众号！

designer

2016-09-14 16:01:06 +08:00

再来一个 CSS 生成的 loading
http://cssload.net/

flowfire

2016-09-14 16:40:58 +08:00

其实可以用纯 css 。。。。

Elven

2016-09-14 16:44:48 +08:00 via Android

@ThomasChan 😂😂好魔性

rrkelee

2016-09-14 17:15:16 +08:00

@ThomasChan 三角函数，很容易的

ThomasChan

2016-09-14 17:19:52 +08:00

@rrkelee (ノ*ﾟ▽ﾟ*) 额不会啊请不吝赐教

zwh8800

2016-09-14 17:23:06 +08:00

对 retina 屏支持的不很好呀，数字比较模糊

ThomasChan

2016-09-14 18:53:40 +08:00

@zwh8800 嗯可以了

flydogs

2016-09-15 10:06:14 +08:00

srx1982

2016-09-15 11:54:44 +08:00

给你报个 bug ，你那个 demo 页面连续点 restart 的话，速度会越来越快

lixingcong

2016-09-15 23:34:15 +08:00 via Android

楼上是专业找 bug 的

ThomasChan

2016-09-18 10:29:53 +08:00

@srx1982 确实， 👍，已修复

hasbug

2016-09-22 22:45:15 +08:00

已经关注

zhihaofans

2016-09-29 15:15:53 +08:00 via Android

上面这几个都不错，直接 Mark