body{margin:0}*{box-sizing:border-box}article{min-height:100vh;display:flex}article:nth-of-type(1){background-color:#3dcc91}article:nth-of-type(2){background-color:#48aff0}article:nth-of-type(3){background-color:#ff66a1}article:nth-of-type(4){background-color:#ad99ff}.progress-scroll{height:4px;position:fixed;top:0;left:0;width:100%;background-color:#e1e8ed}.progress-scroll__fill{transition:.1s;position:absolute;height:100%;left:0;top:0;width:30px;background-color:#db3737;box-shadow:0 0 5px #db3737;z-index:5}