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

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

分数显示为整数

而不是显示整数,有没有办法显示静态进度条,规模为100?

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

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

你需要定制类似这样的东西,也循环它

"#{score}"

Bootstrap提供了几种类型的进度条

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

基本进度条

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

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

在我的Gemfile中包含bootstrap gem

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

重新启动服务器,然后将引导程序导入/app/assets/active_admin.scss

 @import "bootstrap"; 

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

 render html: "
25%
".html_safe