javascript - 基于投票的JQuery多个百分比条

Question

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

我有一份调查问卷，一旦您选择其中一个复选框，您提交答案，然后在同一个 div 中，它将隐藏民意调查并显示到目前为止已在显示结果的百分比条中显示的结果（以百分比表示）在每个选项上。

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

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

在此处输入图像描述

score 2 · Accepted Answer

我没有看到你的照片。

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

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

使用一些 CSS 规则，您可以轻松绘制您想要的内容。

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

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

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

1 回答 1