#back-top {  
position: fixed;  
width: 50px;  
height: 100px;  
z-index: 6;  
right: 25px;  
bottom:0;  
background-color: transparent;  
display: block;  
background-position: initial initial;  
background-repeat: initial initial;  
}

<div id="back-top">  
<center>  
<a title="Вверх" id="backop" href="#top">  
<img src="http://www.picz.ge/img/s3/1311/12/b/b98d1105b13c.png" />  
</a>  
<font color="#000000" size="3">
<span id="pix" style="margin:0px 0px 0px 15px">0</span>%</font>  
</center>  
</div>  
   
<script>  
$(window).scroll(function () {  
var s = $(window).scrollTop();  
var f = $(document).height() - $(window).height();  
var d = s / f * 100;  
var p = Math.round(d);  
$("#pix").text(p);  
});  
</script>