#progressjs { background-color: #999; left: 0; overflow: hidden; position: fixed; top: 0; transition: width .5s; width: 0; z-index: 2000; } #progressjs > div { animation: simple-pace-stripe-animation 500ms linear infinite; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); background-size: 32px 32px; height: 3px; margin-right: -32px; } @keyframes simple-pace-stripe-animation { 0% { transform: none; } 100% { transform: translate(-32px, 0); } }