@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }
  
  to {
   background-position:285px 0;
  }
}

.ui-progress {
  position: relative;
  display: block;
  overflow: hidden;
  height:25px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  -webkit-background-size: 44px 44px; 
  background-color: #74d04c;

  background: -webkit-gradient(linear, 0 0, 44 44,
    color-stop(0.00, rgba(255,255,255,0.17)),
    color-stop(0.25, rgba(255,255,255,0.17)),
    color-stop(0.26, rgba(255,255,255,0)),
    color-stop(0.50, rgba(255,255,255,0)),
    color-stop(0.51, rgba(255,255,255,0.17)),
    color-stop(0.75, rgba(255,255,255,0.17)),
    color-stop(0.76, rgba(255,255,255,0)),
    color-stop(1.00, rgba(255,255,255,0))
  ), -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFc8), color-stop(1, #E3E3E6));

  background: -moz-repeating-linear-gradient(top left -30deg, 
    rgba(255,255,255,0.17), 
    rgba(255,255,255,0.17) 15px, 
    rgba(255,255,255,0) 15px, 
    rgba(255,255,255,0) 30px
  ), -moz-linear-gradient(#CCCCCC 0%, #CCCCCC 100%);
  -webkit-box-shadow: inset 0px 1px 0px 0px #e8e8e8, inset 0px -1px 1px #e8e8e8;
  -moz-box-shadow: inset 0px 1px 0px 0px #e8e8e8, inset 0px -1px 1px #e8e8e8;
  box-shadow: inset 0px 1px 0px 0px #e8e8e8, inset 0px -1px 1px #e8e8e8;
  border: 1px solid #ACACAC;
  -webkit-animation: animate-stripes 2s linear infinite;
}