【问题标题】:Bootstrap progress bar in Rails based on db fields基于 db 字段的 Rails 中的引导进度条
【发布时间】:2016-02-18 14:35:23
【问题描述】:
我想根据数据库字段中的值在我的 rails 应用程序中使用 Bootstrap 进度条。
在我的用户展示页面上,我放了:
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar"
aria-valuenow="<% @user.level %>" aria-valuemin="0" aria-valuemax="100" style="width: <% @user.level %>">
但它不起作用 - width 属性想要有一个百分号“%”。如何绕过它?
【问题讨论】:
标签:
css
ruby-on-rails
twitter-bootstrap
【解决方案1】:
不确定您从 user.level 得到什么输出,但如果是您遇到问题的 css,只需添加您的单位 %、px 或 em:
style="width: <%= @user.level %>%"
【解决方案2】:
自定义ruby代码并添加'%'
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar"
aria-valuenow="<%= @user.level %>" aria-valuemin="0" aria-valuemax="100" style="width: <%= "#{@user.level}%" %>"