圆圈进度条，来骗 Star 了😂

V2EX = way to explore

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

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3522 days ago, the information mentioned may be changed or developed.

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

Git 地址

圆圈

进度

git

STAR

19 replies • 2016-09-29 15:15:53 +08:00

Elven

Sep 14, 2016 via Android

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

alexsunxl

Sep 14, 2016

不用 canvas 也能做

ThomasChan

Sep 14, 2016

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

ThomasChan

Sep 14, 2016

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

timestamp

Sep 14, 2016

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

designer

Sep 14, 2016

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

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

designer

Sep 14, 2016

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

flowfire

Sep 14, 2016

其实可以用纯 css 。。。。

Elven

Sep 14, 2016 via Android

@ThomasChan 😂😂好魔性

rrkelee

Sep 14, 2016

@ThomasChan 三角函数，很容易的

ThomasChan

Sep 14, 2016

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

zwh8800

Sep 14, 2016

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

ThomasChan

Sep 14, 2016

@zwh8800 嗯可以了

flydogs

Sep 15, 2016

srx1982

Sep 15, 2016

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

lixingcong

Sep 15, 2016 via Android

楼上是专业找 bug 的

ThomasChan

Sep 18, 2016

@srx1982 确实， 👍，已修复

hasbug

Sep 22, 2016

已经关注

zhihaofans

Sep 29, 2016 via Android

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