uniapp画一个进度条，数字在进度条中间

可以使用uniapp的weex组件中的progress组件来实现进度条的效果，同时结合文本组件来显示数字。

示例代码如下：

<template>
  <div class="progress-container">
    <text class="progress-text">{{ progress }}%</text>
    <progress class="progress-bar" :value="progress" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      progress: 50 // 初始化进度为50%
    }
  }
}
</script>

<style>
.progress-container {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress-text {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.progress-bar {
  width: 80%;
  height: 10px;
}
</style>

在上述示例代码中，我们通过progress组件来显示进度条的效果，并且通过text组件来显示进度数字。其中，进度条的值通过:value属性来绑定data中的progress变量。在style中，我们通过position属性将文本组件定位到进度条中间。