带有 %symbol 的加载面板

Question

我想显示一个带有百分比符号的加载面板。请分享您的建议。我搜索但没有得到 %age 。大多数链接显示微调器使用。但我需要带有 % 符号的面板。

有没有可能用 %age 显示加载面板。

Answer 1

没有任何适当的代码来展示您的问题，我只能推荐带有标签模板的默认 BS4 加载栏：

<div class="progress">
 <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" a 
             ria-valuemin="0" aria-valuemax="100">labelHere</div>
</div>

您将希望将静态“labelHere”替换为 AngularJS 绑定，例如：

{{myAgePercentage}}%

这假设您在 AngularJS 代码的某处计算百分比。

有关 BS4 进度组件的更多一般信息，请点击此处： BS4 Progress

Answer 2

您可以按如下方式使用引导进度条 -

<div class="progress">
  <div class="progress-bar progress-bar-striped active" role="progressbar"
  aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%">
    40% <!-- {{$scope.progressVar + ' &#37;'}} -->
  </div>
</div>

Here的更多内容供您参考。