Question

我使用c＃在asp.net上进行了在线调查。我的调查在不同的页面上包含每个问题30个问题。我想显示一个进度条，向用户显示他完成了多少。我怎么能这样做？

Answer 1

您可以使用单个图像，也可以使用一小部分CSS来计算：

我们假设我们知道我们在哪个页面，它存储在代码中的某个变量中。

鉴于此，我们可以快速计算当前进度的百分比：

如果我们在第3页：

3/30 * 100 = 10

将此存储在变量中，我们可以使用它来设置相对于其父级的progres条的宽度：

#myProgressBar{
  width: 10%;
}

（您将使用您选择的语言将值写入CSS语句，在这种情况下为C＃。）

以下是它的外观的快速示例：

Answer 2

最简单的方法是让30张图像代表那里的进度，然后使用页面顶部或底部的每张图像来显示进度。