jQuery Reading Progress Bar

Add-ons

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

Plugin description: Displays the current reading position (visible area) as a progress bar based on page length. The height and background color can be customized.

Usage

HTML: (The <!DOCTYPE html> declaration is required!)

<!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',// Set the background color
    'height':"3" // Set the progress bar height
});