评级酒吧CSS

我创造了我的网站评级酒吧和我有几个问题 Here is the link for the codepen so you can see what I have so far.评级酒吧CSS

我需要的是有两个不同颜色的喜好（绿色）和不喜欢的（红色）。我如何分开这两个并让他们分享吧。所以有点像YouTube的评价吧

和第二个问题

我使用Rails（没有回答这个问题，需要轨道的专业知识），所以我对喜欢的代码将<%= @movies.likes.size %>（即：5000）和厌恶<%= @movies.dislikes.size %>（即：3000），使用这样一个高数字的宽度％不会工作。我怎么能proportionalize它适合酒吧感谢

来源

2013-07-06 PMP

要计算喜好的比例是：

100*likes/(likes+dislikes)

关于第一个问题，为什么不能你刚才设置的背景颜色。米瘦是红色的例子？

来源

2013-07-06 18:40:12

因为，说有一个喜欢和不喜欢0 这将是1个％喜欢和0％不喜欢，所以大部分的酒吧将是红色的，在那里，它应该是绿色的，这是另一个问题 – PMP

@ PMP - 在这种情况下，酒吧会100％喜欢和0％不喜欢。 –

哦，不，因为我使用'width'，和我的Rails代码（这显示喜欢的数量）将是一个号码，如果有喜欢的话会显示1％而不是100％ – PMP

将.meter-slim的背景颜色更改为您想要的颜色，并将.meter-slim.purple的背景颜色更改为您喜欢的颜色（在您的示例中为绿色）。

您可能还想将该类的名称从紫色改为其他地方（绿色也许）。

那么对于百分比（其中85％是在你的例子），使用100 *喜欢/（喜欢+恶）

编辑： 我以为我会添加到这个基础上我们下面的评论。

就像我刚才提到的，我只用了几次Ruby就进行了实验，那是十年前的事情，所以我的记忆力很弱。

我的想法是将所有内容都放在<%= %>中，这是基于您在问题中的片段。我应该立即提出的一种更好的方法是为upvotes的百分比创建一个变量（让我们将其称为percent_upvotes），然后在您的视图中使用"width: <%= @percent_upvotes %>%"。

因此，您需要计算该值并将其存储在percent_upvotes中。一种方法是在你的SQL语句中提取投票的百分比。我不知道你的方案，但它会是这样......

SELECT (upvotes/votes) AS percent_upvotes FROM your_table

或者在你的Ruby ...

percent_upvotes = (movies.upvotes.size.to_f/movies.votes.size.to_f) * 100.0

来源

2013-07-06 18:57:57 bsoist

会是什么100个*喜欢/（喜欢+不喜欢）是？看着我的Rails代码？ – PMP

我只使用Rails玩了几次，但我会尝试任何类似的％“>（假设movies.likes和movies.dislikes是整数） – bsoist

糟糕，看起来像大小是你想要的。％”> OR ％“> – bsoist

一些CSS框架包含CSS进度条本身。

仅举几例：

Twitter的引导http://twitter.github.io/bootstrap/components.html#progress
Zurb基金会http://foundation.zurb.com/docs/components/progress-bars.html

和一些CSS资源：

来源

2013-07-06 19:45:12

回答

相关问题