竖向进度条

用css完成一个竖向进度条

 

<template>
    <div style="display: flex;flex-direction: row;padding: 50px">
      <div class="progress" v-for="item in progress">
        <strong class="bar" 
        :style="{'height': item.percent,'backgroundColor':item.color}"></strong>
      </div>
    </div>
</template>
export default {
    data(){
        return {
            progress:[
                {percent: '50%', color: '#F8412B'},
                {percent: '60%', color: '#53CFDD'},
                {percent: '70%', color: '#50AFEC'},
                {percent: