<div class="portlet-body" id="loading-content">
  <span><i class="fa fa-refresh fa-spin"></i> Memuat Konten...</span>
</div>
<div id="loading">
  <div id="materialPreloader" class="load-bar" style="height: 5px; top: 0px;position:absolute">
    <div class="load-bar-container">
      <div class="load-bar-base base1" style="background:#159756">
        <div class="color red" style="background:#da4733"></div>
        <div class="color blue" style="background:#3b78e7"></div>
        <div class="color yellow" style="background:#fdba2c"></div>
        <div class="color green" style="background:#159756"></div>
      </div>
    </div>
    <div class="load-bar-container">
      <div class="load-bar-base base2" style="background:#159756">
        <div class="color red" style="background:#da4733"></div>
        <div class="color blue" style="background:#3b78e7"></div>
        <div class="color yellow" style="background:#fdba2c"></div>
        <div class="color green" style="background:#159756"></div>
      </div>
    </div> 
  </div>
  <div class="loader">
    <svg class="circular" viewBox="25 25 50 50">
      <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>
    </svg>
  </div>
</div>