How to add Loading Spinner in Lightning component in Salesforce ?

This is the Syntax for Spinner:

Component:

<aura:component>
<div class="exampleHolder">
<lightning:spinner alternativeText="Loading" size="small" />
</div>
<div class="exampleHolder">
<lightning:spinner alternativeText="Loading" size="medium" />
</div>
<div class="exampleHolder">
<lightning:spinner alternativeText="Loading" size="large" />
</div>
</aura:component>

And it's CSS is:

.THIS.exampleHolder{
position: relative;
display: inline-block;
width: 80px;
height: 80px;
}