くるくる

ローディングっぽいsvgを自作しちゃうのがポイント。視力検査みたいな一部欠けた円が目標物。
svgはstroke-dasharrayというプロパティで破線を表現でき、その指定方法は、線・隙間・線・隙間というふうに交互に値を与える。
今回は欠けた分の長さの線、が指定できればいい。それを表現するには円周(直径*π)-20pxぐらい。
なのでstroke-dasharray: calc(80 * 3.14 - 20);でおっけい。
動きについては割愛。
参考サイト