.progress-wrap { position: fixed; display: block; cursor: pointer; z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { top: 0; left: 0; z-index: 1; display: block; text-align: center; position: absolute; cursor: pointer; font-family: 'wpxpress'; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; }