Loading Spinner

Basic Loading Spinner

    
      <div class="text-center">
    <div class="lmp-spinner">
      <div class="spinner"></div>
    </div>
  </div>

Spinner Sizes

    
      <div class="text-center">
  
    <!-- Standard Spinner -->
    <div class="lmp-spinner">
      <div class="spinner"></div>
    </div>
  
    <!-- Small Spinner -->
    <div class="lmp-spinner spinner-sm">
      <div class="spinner"></div>
    </div>
  
  </div>

Loading Overlay - Dark

Example use in a layout

    
      <div class="lmp-spinner-overlay overlay-dark show">
    <div class="lmp-spinner">
      <div class="spinner"></div>
    </div>
  </div>

Loading Overlay with text - Dark

Example use in a layout

    
      <div class="lmp-spinner-overlay overlay-dark show">
    <div class="text-center text-white">
      <div class="lmp-spinner">
        <div class="spinner"></div>
      </div>
      <p class="lead font-weight-bold mt-2">Loading text area</p>
    </div>
  </div>

Loading Overlay - Light

Example use in a layout

    
      <div class="lmp-spinner-overlay overlay-light show">
    <div class="lmp-spinner">
      <div class="spinner"></div>
    </div>
  </div>