.progress-bar {
    background-color: white;
    height: 40px;
    padding: 5px;
    width: 600px;
    margin: 10px 0;
    border-radius: 15px;
    border: 1px solid #34c2e3;
    /* box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; */
  }

  .progress-bar span {
    display: inline-block;
    vertical-align: center;
    height: 100%;
    line-height: 35px;
    border-radius: 7px;
    padding-right: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out;
  }

  .blue span {
    background-color: #34c2e3; 
  }

  .stripes span {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%,
                      transparent 25%,
                      transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                      transparent 75%, transparent);
    animation: animate-stripes 1s linear infinite;
  }

  @keyframes animate-stripes {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 60px 0;
    }
  }