嘿,我有一个非常棘手的民意调查,我正在努力。基于投票投票的JQuery多个百分比投票
我有一个调查问卷,一旦您选择其中一个复选框,您将提交您的答案,然后在同一个div中,它将隐藏投票并显示目前为止已显示结果的百分比栏中显示的结果作为百分比)对每个选项。
下面基本上是我想要的样子。我现在的结果显示为百分比,例如66%,33%等等等等。那么我怎么会把结果输出到像下面这样的百分比栏中。
结果都是生成的服务器端,所以我只需要将百分比转换为酒吧。
嘿,我有一个非常棘手的民意调查,我正在努力。基于投票投票的JQuery多个百分比投票
我有一个调查问卷,一旦您选择其中一个复选框,您将提交您的答案,然后在同一个div中,它将隐藏投票并显示目前为止已显示结果的百分比栏中显示的结果作为百分比)对每个选项。
下面基本上是我想要的样子。我现在的结果显示为百分比,例如66%,33%等等等等。那么我怎么会把结果输出到像下面这样的百分比栏中。
结果都是生成的服务器端,所以我只需要将百分比转换为酒吧。
我没有看到你的照片。
如果你想绘制百分比像一个进度条,你可以有一个具有指定宽度的DIV(作为你的背景),第二个div代表进度值。
<div id="percentageContainer">
<div id="percentageValue"></div>
</div>
随着一些CSS规则,你可以很容易地绘制你的愿望。
例如,具有固定宽度和相对位置设定第一DIV,并用绝对位置(positionned上左上)和宽度设置为0设定第二宽度。
然后tou可以更新第二个宽度的宽度来模拟你的进度条。
这是一个完整的工作示例:http://jsfiddle.net/ZK3VK/
感谢一堆。我已经使用你的代码来修改我的代码,从数据库中注入“#percentageValue”和结果。工作很好,代码相对较少。干得不错! – Epik
2格相互转化,一个在像素和百分比等内固定大小 –
我建议[该解决方案(http://stackoverflow.com/ question/5293049/what-is-good-technique-for-poll-results-bar) –
为什么你不能使用每个结果的百分比作为栏的宽度百分比? %在css中有效 –