Scroll Indicator

Scroll Indicator

Перейти к ACP -> Customization -> Theme -> Edit HTML and CSS -> Templates -> globalTemplate 

Поместите этот код перед </body>

<div class="scroll-line"></div>  
<script>    
  $(window).scroll(function(){var wintop = $(window).scrollTop(), 
     docheight = $(document).height(), 
     winheight = $(window).height(); 			
     var scrolled = (wintop/(docheight-winheight))*100;   		
  $('.scroll-line').css('width', (scrolled + '%'));});          
</script> 

Перейти к ACP -> Customization -> Theme -> Edit HTML and CSS -> CSS -> custom.css и вставить этот код:

.scroll-line {  
height: 2px;  
margin-bottom: -2px;  
background: #e74c3c;  
width: 0%;  
position:fixed;  
top:0;  
z-index:9999;
}

Наслаждаться