Loader

To display loading state of a page or a section.

Interactive Demo

Example

  <div class="container text-start">
    <button type="button" class="btn btn-primary" data-aos="fade-up" data-aos-duration="750" aria-label="Loader" title="Test the Loader for 5 seconds" onclick="javascript:testLoader()">5 Seconds Loader Test</button>
    <button class="btn btn-primary" data-aos="fade-up" data-aos-duration="1250" aria-label="Loading..."> <span class="spinner-border spinner-border-sm"></span> Loading.. </button>
  </div>