vue进度条垂直居中

可以使用flex布局来实现vue进度条的垂直居中。具体实现方法如下：

<div class="progress-wrapper">
  <div class="progress-bar" :style="{ height: progress + '%' }"></div>
</div>

.progress-wrapper {
  display: flex;
  align-items: center;
  height: 200px; /* 设置进度条容器的高度 */
}

.progress-bar {
  width: 10px; /* 设置进度条的宽度 */
  background-color: #ccc;
}

其中，`.progress-wrapper` 是进度条容器的类名，`.progress-bar` 是进度条的类名，`progress` 是进度条的值，单位为百分比。