/* 
Usar como lo siguiente. adquiere la forma del contenedor asi que puedes hacer ciculos tambien
<div class="load-wraper">
    <div class="activity"></div>
</div> 
*/


.load-wraper {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: rgb(230, 230, 230);
    z-index: 44;
    overflow: hidden;
    border-radius: 5px;
}

.activity {
    position: absolute;
    left: -45%;
    height: 100%;
    width: 45%;
    background-image: linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));
    background-image: -moz-linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));
    background-image: -webkit-linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));
    animation: loading-placeholder 1s infinite;
    z-index: 45;
}

@keyframes loading-placeholder {
    0%{
      left: -45%;
    }
    100%{
      left: 100%;
    }
  }