Javascript 使用ng repeat和bootstrap'；s进度条

我正在尝试使用

ng repeat

创建此进度条（）：

<div class="progress" style="transform: rotate(-90deg); width: 494px">
 <div ng-repeat="o in arr">
  <div class="progress-bar progress-bar-success" role="progressbar" style="width:5px;"></div>
  <div class="progress-bar" role="progressbar" style="width:1px; background:transparent;"></div>
 </div>
</div>

但是，它不起作用，因为Bootstrap不接受我用于

ng repeat

的额外

div

。有没有办法解决这个问题

---

这里有一个现场插画：

只需重复

绿色元素本身：

<div ng-app="app">
  <div ng-controller="ctrl">
    <div class="progress" style="transform: rotate(-90deg); width: 494px">
      <green ng-repeat="o in arr"></green>
    </div>
  </div>
</div>



演示：