0

こんにちは、私が取り組んでいる非常にトリッキーな世論調査があります。

チェックボックスの1つを選択して回答を送信すると、同じdivで投票が非表示になり、これまでにキャストされた結果がパーセンテージバーに表示され、結果がパーセントで表示されるというアンケートがあります。各オプションについて。

以下は、基本的に私がそれをどのように見せたいかです。結果がパーセンテージ (66%、33% など) で表示されるようになりました。では、結果を以下のようなパーセンテージ バーに出力するにはどうすればよいでしょうか。

結果はすべてサーバー側で生成されるため、パーセンテージをバーに変換するだけです。

ここに画像の説明を入力

4

1 に答える 1

2

あなたの写真が見えません。

プログレスバーのようにパーセンテージを描画したい場合は、指定された幅 (背景として) を持つ 1 つの DIV と、進行状況の値を表す 2 つ目の div を内側に持つことができます。

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

いくつかの CSS ルールを使用すると、簡単に好きなように描画できます。

たとえば、最初の DIV を固定幅と相対位置で設定し、2 番目の幅を絶対位置(左上に配置) で幅を 0 に設定します。

その後、to は 2 番目の幅の幅を更新して、プログレス バーをシミュレートできます。

完全な動作例を次に示します: http://jsfiddle.net/ZK3VK/

于 2013-02-06T05:10:04.180 に答える