阅读进度显示

背景

沉浸式阅读中需要知道当前阅读进度。

实现方式

• 顶部栏：标题和操作按钮之间显示百分比文字（如 35%），通过 relocated 事件的 location.start.location / book.locations.total 计算
• 底部进度条：3px 细条实时同步，作为视觉辅助

UI 布局

┌─────────────────────────────────┐
│ 小狗钱钱          35%    ◐ ←退出│  ← 顶栏
├─────────────────────────────────┤
│                                 │
│          （阅读内容）            │
│                                 │
├─────────────────────────────────┤
│ ████████░░░░░░░░░░░░░          │  ← 进度条
├─────────────────────────────────┤
│ ◀上一页  A⁻A⁺↕  目录  下一页▶  │  ← 底栏
└─────────────────────────────────┘

关联文件

• public/books/reader-money-dog.html
• public/books/reader-rich-dad.html