[circular-progress] Large line-height will cause the progress spinner to break

[andrewseguin]

Bug report

The circular-progress will distort when its diameter is less than half the element's line-height.

To reproduce, head to the demo page at https://material-components.github.io/material-components-web-components/demos/circular-progress/

Set the container's line-height to something silly like 200px and observe the spinners break.

Simple fix may be to just explicitly set line-height: 0px on the host element.

The example is silly but we find this happen when Google users have a small spinner (e.g. 20 diameter) but they nest it into a container with large text (e.g. 48px).