最近在复习自己写的博客,但有的博客内容很长,长到不知道多少时间可以读完。在触发滚动事件时,计算两个高度值。一个值h用来表示当前窗口内博客内容的底部离页面顶端的距离。从而比例值radio = h/H,就是进度百分比,以进度条的宽度变化显示出来如果是IE9-浏览器,progress元素被退化为div元素,仅显示百分比即可将progress的max值设置为H,将value值设置为h。滚动事件触发时,更新value值即可进度条的样式设置较为简单,将其固定定位,居于页面底部,并与窗口宽度相同由于最终将以插件的形式呈现,所有的代码都需要动态生成

js 博客内容进度插件详解