进度条值

【问题标题】：Progress Bar value进度条值
【发布时间】：2021-01-28 08:12:16
【问题描述】：

我一直试图弄清楚如何让进度条正确显示一段时间，但我似乎无法弄清楚。

我有一个整数值 ()，我想将其设置为进度条的值。当我尝试更改任何“aria-value”时，它不会更改进度条，但是当我更改 style="width:" 值时，它会更改进度条。有人可以向我解释如何正确执行引导进度条吗？

<div class="progress">
    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow= 
    <% goal.ppercent %> aria-valuemin="0" aria-valuemax="100" style="width: 60%">
    <%= number_to_percentage(goal.ppercent, precision: 0) %> 
    </div>
</div>

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-4 bootstrap-4 ruby-on-rails-5

【解决方案1】：

您需要更改内部.progress-bar 的宽度才能更改百分比。

ARIA 仅代表 Accessible Rich Internet Applications。它只是使残障人士更容易访问 Web 内容的一组属性。事实上，您不必拥有 ARIA 属性就可以让进程栏工作。

既然你有百分比，那就继续更新.process-bar的宽度吧。

<div class="progress">
    <div class="progress-bar progress-bar-striped progress-bar-animated" 
      role="progressbar" 
      aria-valuenow=<% goal.ppercent %> aria-valuemin="0" aria-valuemax="100" 
      style="width: <% goal.ppercent %>%;">
        <%= number_to_percentage(goal.ppercent, precision: 0) %> 
    </div>
</div>

【讨论】：