Rails 绘制进度条而不是整数值

Question

我现在使用 ActiveAdmin 作为 Rails 网站的管理面板。在Teams的索引页面上，它以整数形式显示团队的分数。

有没有办法显示静态进度条，比例为 100，而不是显示整数？

抱歉我的英语不好。感谢您的帮助。

Answer 1

只需要添加静态整数，它就会动态显示你的进度条。

你需要像这样自定义一点，也循环一下

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="70"
  aria-valuemin="0" aria-valuemax="100" style="width:70%">
    <span class="sr-only">"#{score}"</span>
  </div>
</div>

Bootstrap提供了几种进度条

https://v4-alpha.getbootstrap.com/components/progress/

basic progress bar

您可以查看此内容以获得更多自定义信息： http://jasontruluck.org/blog/bootstrap/refile/images/ui/2015/04/07/Adding-Bootstrap-Progress-Bars-for-Refile.html

Answer 2

我已经解决了。这就是我所做的：

在我的 Gemfile 中包含 bootstrap gem

gem 'bootstrap', '~> 4.0.0.alpha6'

重启服务器然后导入bootstrap到/app/assets/active_admin.scss

@import "bootstrap";

现在您可以将进度条或其他组件添加到ActiveAdmin 的任何页面。例如，对于仪表板页面，将以下代码添加到 /app/admin/dashboard.rb

render html: "<div class='progress'><div class='progress-bar' role='progressbar' style='width: 25%;' aria-valuenow='25' aria-valuemax='100' aria-valuemin='0'>25%</div></div>".html_safe

Rails 绘制进度条而不是整数值

Rails draw progress bar instead of integer value

ruby-on-rails

activeadmin