jQuery阅读进度条

插件特效

2026-07-26 00:39 4 次浏览 • 0 次下载 0.9KB

插件描述：根据页面长度以进度条显示当前阅读（可视区）位置，可自定义高度、背景色。

使用方法

html:（必须有<!DOCTYPE html>声明！）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
</head>
<body>
    <div class="test" ></div>
    <div class="content" style="height: 5000px;"></div>
</body>

js：

$('.test').headBand({
    'background':'#008000',//设置背景色
    'height':"3" //设置进度条高度
});