javascript - 简单的进度指示器，向用户显示他已访问网站的百分比

Question

我想举办一场比赛，让用户必须访问我网站上的每个页面。

• 我想在网站顶部显示进度
• 进度以百分比显示“您已经探索了我网站的 XX%。”
• 当进度为 100% 时，他将被重定向到我可以定义的页面
• 我的网站很小(10 页)

我想在 Javascript/JQuery 中执行此操作。

有谁知道我如何才能最好地完成这项工作？可能我的站点会扩展。

Answer 1

您可以使用 jquery UI Progressbar

例如，如果他们查看了网站的 75%:

$("#progressbar").progressbar({ value: 75 });

更新

'75' 将来自服务器端并显示给用户。不要使用 JS 来决定用户浏览了多少页面，而是在服务器端执行。