替代价格评级方法

Question

我是网络开发的新手，我不知道我的解决方案是否是O.K，根据最佳实践，考虑性能和干净的代码。

我有一个属于Price模型的商家模型。

价格表：

create_table "prices", force: :cascade do |t|
  t.string   "price_range"
  t.integer  "percentile"
  t.datetime "created_at",  null: false
  t.datetime "updated_at",  null: false
end

表格中的当前值：

**price_range**    **percentile **
Up to $20.00            20
$20.01 to $40.00        40
$40.01 to $60.00        60
$60.01 to $80.00        80
More than $80.00       100

要在我的观点中显示这一点，我正在使用：

<div class="price-ratings">
  <div class="empty-prices"></div>
  <div class="full-prices" style= width:"<%= "#{@merchant.price.percentile}%" %></div>
</div>

根据宽度值，美元信号将被着色。

jsFiddle

我不确定这种做法。任何人都建议一个最好的解决方案来实现相同或那个好吗？