使用c#进行调查的进度条

本文关键字:使用 调查 | 更新日期: 2023-09-27 18:21:55

我用c#在asp.net中做了一个在线调查。我的调查包含30个问题,每个问题都在不同的页面上。我想显示一个进度条,向用户显示他完成了多少。我该怎么做?

使用c#进行调查的进度条

您可以使用单独的图像,也可以使用一点CSS来计算:

我们假设我们知道自己在哪个页面上,并且它存储在代码中的某个变量中。

考虑到这一点,我们可以对当前进展进行快速百分比计算:

如果我们在第3页:

3/30 * 100 = 10

通过将其存储在变量中,我们可以使用它来设置进度条相对于其父项的宽度:

#myProgressBar{
  width: 10%;
}

(在本例中,您将使用自己选择的语言C#将值写入CSS语句)。

以下是它的快速示例:

http://jsfiddle.net/QnbdZ/1/

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