How to decrease the stroke-width of md-progress-spinner in angular material 2?

Question

I am using md-progress-spinner like this in my code :

<md-progress-spinner class="s-spinner" mode="indeterminate" color = "primary">
</md-progress-spinner>

How to change the stroke width of the svg rendered by md-progress spinner. By default the value of stroke width is 10 which is too big for my project.

Answer 1

As documentation says,

@Input()
strokeWidth
Stroke width of the progress spinner. By default uses 10px as stroke width.

That is an input of the component, exactly like "mode" Jo just use it like this:

<md-progress-spinner class="s-spinner" strokeWidth="x" mode="indeterminate" color = "primary">
</md-progress-spinner>

Where x is the width you want.