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投票栏

回答

相关问题