Css 循环进度在循环中心的数量？（角材料）

我正在使用角材质的圆形进度条元素，试图设置圆心的进度量，但效果不好。 一些有天赋的前端开发人员可能知道如何做到这一点？ 提前谢谢

{{vm.progress}}%
/HAK应该如何使它处于中间？
{{vm.progress}}%

您可以尝试以下方法-

加价

<div ng-controller="AppCtrl as vm" ng-cloak="" ng-app="MyApp" layout-fill layout="row" layout-align="center center">
  <div style="width:{{vm.diameter}}px; height:{{vm.diameter}}px">
    <md-progress-circular md-diameter="{{vm.diameter}}" md-mode="determinate" value="{{vm.progress}}">
    </md-progress-circular>
    <h4 id="progress">{{vm.progress}}%</h4>
  </div>
</div>

CSS

---

你可以试试这样的东西-

加价

<div ng-controller="AppCtrl as vm" ng-cloak="" ng-app="MyApp" layout-fill layout="row" layout-align="center center">
  <div style="width:{{vm.diameter}}px; height:{{vm.diameter}}px">
    <md-progress-circular md-diameter="{{vm.diameter}}" md-mode="determinate" value="{{vm.progress}}">
    </md-progress-circular>
    <h4 id="progress">{{vm.progress}}%</h4>
  </div>
</div>

CSS

---

嗨，伙计，不幸的是，“进度”的位置取决于屏幕大小，例如，当开发工具（“检查”）启动时正在打开“进度”相应地重新定位，它可能不在中心。您建议如何处理它？再次感谢您为此必须使用媒体查询。嗨，伙计，不幸的是，“进度”的位置取决于屏幕大小，例如-当开发工具（“检查”）时正在打开“相应地重新定位进度，该进度可能不在中心。您建议如何处理它？再次感谢。为此，您必须使用媒体查询。

#progress {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}