Rails CSS3投票栏

我已经使用了Acts_as_votable，我想显示一个类似youtube的厌恶条。 我环顾四周，似乎找不到两边都有两种不同颜色（绿色和红色）的东西，如果有1个喜欢和0个不喜欢，用100%绿色填充条，反之亦然。 因此，如果有，比如说，80个喜欢和20个不喜欢，用80%的绿色和20%的红色填充酒吧

这是你的密码

• 所有投票

• 喜欢投票

• 不喜欢投票

因此，您能帮我创建一个链接或一个带有css进度条的JSFIDLE/Codepen，它可以与我的rails一起工作。

简单的方法是

要使用rails获得此功能，您可以执行类似的操作

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

css

简单的方法是

要使用rails获得此功能，您可以执行类似的操作

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

css

---

但是如果有1个like和0个dislike，它仍然会变成1%和0%，这意味着只有1%的条是绿色的。我想要的是，如果仍然有1个like和0，那么整个酒吧都是绿色的dislikes@PMP从喜欢的计数中很容易得到平均值，例如，当你只有一个喜欢，（计数）喜欢/计数（投票）*100=100（%），所以不要介意喜欢的数量（%）喜欢+（）不喜欢=100%：），但是如果有1个喜欢和0个不喜欢，它仍然变为1%和0%，这意味着只有1%的条是绿色的。我想要的是，如果仍然有1个like和0，那么整个酒吧都是绿色的dislikes@PMP从喜欢的计数中很容易得到平均值，例如，当你只有一个喜欢，（计数）喜欢/计数（投票）*100=100（%），所以不要介意喜欢的数量（%）喜欢+（）不喜欢=100%：）