Add material spinner

[Richienb]

cc @sindresorhus

[sindresorhus]

Close, but any chance you can make it more fluid?

Look at the spinner in https://material.io/components/progress-indicators#linear-progress-indicators. It changes size.

[Richienb]

@sindresorhus How many characters long should the spinner be? The more, the easier to increase fluidity but too many would make it take up too much space.

[sindresorhus]

Not more than 20.

[Richienb]

@sindresorhus I've just eyeballed the entire animation at 60fps. It should be fluid enough now.

[sindresorhus]

Almost. The material loader seems to stretch on the first line, and on the second round it shrinks. I only see the latter here.

[Richienb]

@sindresorhus You've just described the correct result - try rewatching the animation from the spec.

[sindresorhus]

I saw it. I just think the stretching could be done in a couple of fewer frames so it's more visible.

[Richienb]

@sindresorhus The stretching time is exactly the same as the original - I wouldn't know how to make it faster without breaking the spec.

[sindresorhus]

I have been watching both my terminal and your GIF and it's pretty clear to me that it doesn't stretch as much as in the original material spinner.

I would start the spinner a tiny bit smaller, so the stretch is more clear.

[sindresorhus]

Bump

[Richienb]

@sindresorhus

I just think the stretching could be done in a couple of fewer frames so it's more visible.

Done.