使用c#进行调查的进度条
本文关键字:使用 调查 | 更新日期: 2023-09-27 18:21:55
我用c#在asp.net中做了一个在线调查。我的调查包含30个问题,每个问题都在不同的页面上。我想显示一个进度条,向用户显示他完成了多少。我该怎么做?
您可以使用单独的图像,也可以使用一点CSS来计算:
我们假设我们知道自己在哪个页面上,并且它存储在代码中的某个变量中。
考虑到这一点,我们可以对当前进展进行快速百分比计算:
如果我们在第3页:
3/30 * 100 = 10
通过将其存储在变量中,我们可以使用它来设置进度条相对于其父项的宽度:
#myProgressBar{
width: 10%;
}
(在本例中,您将使用自己选择的语言C#将值写入CSS语句)。
以下是它的快速示例:
http://jsfiddle.net/QnbdZ/1/
最简单的方法是在那里有30个代表进度的图像,然后在页面顶部或底部使用每个图像来显示进度。