vue 配合vant多彩进度条

分段进度条vue中不常见，但是也可以实现、

          <div :style="{width:'30%'}"  >
            <van-progress :show-pivot="false" color="red" :percentage="100" />
           </div>
           <div :style="{width:'40%'}"  >
            <van-progress :show-pivot="false" color="blue" :percentage="100" />
           </div>
           <div :style="{width:'30%'}" >
            <van-progress   :show-pivot="false" color="yellow" :percentage="100" />
           </div>

ps:外面嵌套个div限制宽度，弹性布局依次横排。