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

Question

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

没有显示整数，有没有办法显示静态进度条，比例为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