Hero Slider Codepen

Most hero sliders follow this hierarchy:

.progress-fill width: 0%; height: 100%; background: #ffffff; transition: width 0.05s linear; hero slider codepen