<div id="status-placeholder"></div>
 <?php echo do_shortcode('[contact-form-7 id="2441" title="Collaborator Info Form"]');?>
    </div>

jQuery(document).ready(function($) {
var placeholder=$('#status-placeholder');
jQuery('<div id="status"></div>').insertBefore(placeholder);
var statusdiv=$('#status');

    $('body').on('click', '.submit', function() {
       statusdiv.html('<div class="wrap go"><div class="loader bar"><div class="sfmgreen"></div><div class="dkblue"></div><div class="ltblue"></div><div class="aqua"></div></div>')

.aqua { background-color: #13EBC7 }
.ltblue { background-color: #50AEED }
.dkblue { background-color: #33447A }
.sfmgreen { background-color: #16A085 }
.wrap {
  margin: 0 auto;
    padding: 0px;
  line-height: 6rem;
  text-align: center;
    display: block;
    position: relative;
}
.loader {
  position: absolute;
  margin: 0 auto 0 auto;
  overflow: hidden;
}
.loader > div {
  position: absolute;
  top: 0; left: 0;
  height: 100%;
  width: 100%;
}

/* BAR */
.bar {
  width: 100%;
  height: .5rem;
    display: block;
    position: relative;
}

.go .loader.bar > div{
  animation: loading-bar 2s infinite backwards ease-out;
    -webkit-animation: loading-bar 2s infinite backwards ease-out;
}
.bar > div {
  transform: scaleX(1);
    -webkit-transform: scaleX(1);
}
.loader.bar div:nth-child(1) {
  animation-delay: -1.5s;
    -webkit-animation-delay: -1.5s;
}
.loader.bar div:nth-child(2) {
  animation-delay: -1s;
     -webkit-animation-delay: -1s;
}
.loader.bar div:nth-child(3) {
  animation-delay: -.5s;
     -webkit-animation-delay: -.5s;
}
.loader.bar div:nth-child(4) {
  animation-delay: 0s;
     -webkit-animation-delay: 0s;
}

@keyframes loading-bar{
  0% {
    transform: scaleX(0);
      -webkit-transform: scaleX(0);
    z-index: 15;
  }
  22% {
    transform: scaleX(0);
      -webkit-transform: scaleX(0);
    z-index: 15;
  }
  50% {
    transform: scaleX(1);
      -webkit-transform: scaleX(1);
  }
  90% {
    transform: scaleX(1);
      -webkit-transform: scaleX(1);
    z-index: 1;
  }
  100% {
    transform: scaleX(1);
      -webkit-transform: scaleX(1);
    z-index: 0;