在8月2号，我分享了一篇文章，讲述了我如何使用这两个小工具。今天，我将代码分享给大家，希望能为你们提供参考。
那么，我们开始吧！
第一步
首先，在主题的style.css中添加以下CSS代码：
`.scroll-bar {
position: fixed;
top: 0;
left: 0;
z-index: 4500;
display: none;
width: 0;
height: 1px;
background: #f55;
}`
第二步
接下来，在主题的本地js文件中添加下面的JS代码：
`$(window).scroll(function(){
var scrollTo = $(window).scrollTop(),
docHeight = $(document).height(),
windowHeight = $(window).height();
scrollPercent = (scrollTo / (docHeight-windowHeight)) * 100;
$(“.scroll-bar”).attr(“style”,”width:” + scrollPercent + “%;display: block;”);
}).trigger(‘scroll’);`
第三步
然后，在需要显示进度条的地方插入调用代码，以下是本站的示例：
`
…
`
第四步
以上就是所有步骤，完成了！请注意非iDevise主题需要调整相应样式。