.wrapper{width:520px;max-width:100%}.progress-bar{height:30px;width:100%;background-color:#BFADA3;border-radius:20px;overflow:hidden;box-shadow:2px 0 10px inset rgba(0,0,0,.2);position:relative}* + .progress-bar{margin-top:2rem}.bar{width:0;height:100%;background-color:#B6244F;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:30px 30px;animation:move 2s linear infinite;box-shadow:2px 0 10px inset rgba(0,0,0,.2);transition:width 2s ease-out}@keyframes move{0%{background-position:0 0}100%{background-position:30px 30px}}.perc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:bold}