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

Question

我想创建一个用户必须访问我网站上每个页面的竞赛。

• 在网站的顶部，我想显示进度
• 进度显示在％“您已探索过我网站的XX％。”
• 当进度为100％时，他会被重定向到我可以定义的页面
• 我的网站很小（10页）

我想在Javascript / JQuery中这样做。

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

Answer 1

您可以使用jquery UI Progressbar

例如，如果他们查看了网站的75％：

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

更新

'75'将来自服务器端并显示给用户。不要使用JS来决定用户已经通过多少页面，在服务器端执行此操作。

Answer 2

虽然您可以使用JS / jQuery来执行UI部分，但不使用客户端存储（例如：cookies）。

相反，请使用会话或某种形式的服务器端存储。

Answer 3

您必须存储之前访问过哪些页面的信息。我个人会使用服务器端解决方案（会话或数据库），但如果你想在客户端做，你将不得不使用cookie或本地数据存储。

对于客户端解决方案，您可以将html5 local data storage组合用于支持它的浏览器和其余的Cookie。