@gurinder/vue-loading-bars

Javascript

import VueLoadingBars from '@gurinder/vue-loading-basr';
Vue.component('vue-loading-bars', VueLoadingBars);

HTML

<vue-loading-bars :loading="true"></vue-loading-bars>

CSS

// Add animation
@-webkit-keyframes v-scaleStretchDelay
{
  0%,
  100%
  {
    transform: scaleY(1);
  }
  50%
  {
    transform: scaleY(0.4);
  }
}

@keyframes v-scaleStretchDelay
{
  0%,
  100%
  {
    transform: scaleY(1);
  }
  50%
  {
    transform: scaleY(0.4);
  }
}