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

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

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

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

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

如果我们在第3页:

3/30 * 100 = 10 

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

 #myProgressBar{ width: 10%; } 

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

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

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

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