私は Acts_as_votable を使用しており、YouTube のような嫌いなバーを表示したいと考えています。私は周りを見回しましたが、両側から2つの別々の色（緑と赤）を持つものを見つけることができないようです.1つの好きなものと0つの嫌いなものがある場合は、バーを100％の緑で塗りつぶし、その逆も同様です. したがって、たとえば、80 個の「いいね」と 20 個の「嫌い」がある場合、バーを緑 80%、赤 20% で埋めます。
これはのコードです
- すべての投票
<%= @movie.votes.size %> - いいね！
<%= @movie.upvotes.size %> - 嫌いな投票
<%= @movie.downvotes.size %>
私のレールで動作するCSSプログレスバーを備えたリンクまたはJSFiddle / Codepenのいずれかを手伝っていただけませんか。