javascript - 基于投票的 JQuery 倍数百分比栏

Question

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

我有一份调查问卷，一旦你选择了一个复选框，你就提交了你的答案，然后在同一个 div 中，它会隐藏投票并显示到目前为止已经以百分比条显示结果的结果(如每个选项的百分比)。

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

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

Answer 1

我没看到你的照片。

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

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

通过一些CSS规则，你可以很容易地画出你想要的东西。

例如，将第一个 DIV 设置为固定宽度和相对位置，将第二个宽度设置为绝对位置(定位于左上角)和宽度设置为 0。

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

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