请问element ui 里的进度条组件el-progress，怎么让内容在前面，进度条在后面啊？

请问element ui 里的进度条组件el-progress，怎么让内容在前面，进度条在后面啊？

img


<template>
  <div class="workBench">
    <div class="progress">
      <el-progress :percentage="50"></el-progress>
    </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
      }
    },
    created () {
    },
    methods: {
    }
  }
</script>

<style lang="scss">
.progress{
  position: relative;
  .el-progress-bar{
    padding-left: 50px;
    padding-right: 0;
  }
  .el-progress__text{
    position: absolute;
    left: 0;
  }
}
</style>

img