Rails的CSS3投票欄

我已經使用Acts_as_votable，我想顯示一個類似YouTube的不喜歡的酒吧。我環顧四周，似乎找不到從每邊都會有兩種不同顏色（綠色&紅色）的東西，如果有1個喜歡和0喜歡，則用100％綠色填充條，反之亦然。因此，如果有，比方說，80頂和20個不喜歡，充滿了酒吧80％的綠色和20％的紅Rails的CSS3投票欄

這是

代碼中所有票數<%= @movie.votes.size %>
樣票<%= @movie.upvotes.size %>
厭惡票<%= @movie.downvotes.size %>

所以，你可以請幫我帶任何鏈接或的jsfiddle/Codepen使用CSS可以使用我的導軌的進度條。

來源

2013-06-26 PMP

簡單的方法是http://jsfiddle.net/achr3f/FtsXp/

要獲得此功能與導軌可以做這樣的事情

.vote 
    .up-vote{style: "width: #{@movies.upvotes}%"} 
    .down-vote{style: "width: #{@movies.downvotes}%"}

CSS

.vote{ 
    width: 300px; 
    border: 1px solid black; 
    height: 9px; 
} 

.up-vote{ 
    float: left; 
    height: 9px; 
    background: green; 
} 

.down-vote{ 
    float: left; 
    height: 9px; 
    background: red; 
}

來源

2013-08-02 09:56:10 achr3f

不過，如果有1相似，0不喜歡，它仍然變成1％和0％這意味着只有1％的酒吧是綠色的。我想要的是整個酒吧是綠色的，如果仍然有1喜歡和0不喜歡 – PMP

@PMP很容易從喜歡的數量得到平均數，例如當你只有一個喜歡，（count）like /計數（票）* 100 = 100（％），所以不要在意喜歡的數量（％）喜歡+（％）不喜歡= 100％ :) – achr3f

Rails的CSS3投票欄

回答

相關問題