[DEMO] インラインブロックで作る100%積み上げグラフ [詳細]

インラインブロック要素で、100%積み上げ横棒グラフを作ってみました。
今回のサンプルでは要素が3つですが、要素はいくつでも追加できます。

50%

30%

20%

合計 10

  • プラス評価の色 評価する(5)
  • マイナス評価の色 評価しない(3)
  • イーブン評価の色 どちらでもない(2)

▼下のテキストフィールドに数字を入れて、変更ボタンを押すとグラフの内容が書き変わります。