JQuery基于投票的多个百分比栏

Question

嘿，我正在进行一项非常棘手的民意调查。

我有一份调查问卷，一旦你选择了一个复选框，你提交了你的答案，然后在同一个div中，它将隐藏民意调查并显示到目前为止的结果，这些结果已经显示在显示结果的百分比栏中（如每个选项的百分比。

以下基本上是我想要的样子。我现在将结果显示为百分比，例如66％，33％等等。那么我如何将结果输出到下面的百分比栏中。

结果都是生成服务器端所以我只需要将百分比转换为条形码。

Answer 1

我看不到你的照片。

如果你想像进度条一样绘制百分比，你可以有一个具有指定宽度的DIV（作为你的背景）和一个代表进度值的第二个div。

<div id="percentageContainer">
    <div id="percentageValue"></div>
</div>

通过一些CSS规则，您可以轻松地绘制出您想要的内容。

例如，将第一个DIV设置为固定宽度和相对位置，并使用绝对位置设置第二个宽度（位置为左上角）宽度设置为0 。

然后，tou可以更新第二个宽度的宽度以模拟进度条。

以下是一个完整的工作示例：http://jsfiddle.net/ZK3VK/