带箭头的进度流程 css

html

<ul class="cssNav">
    <li v-for="(item,i) in list" :class="[num==i?'active':'']" @click="tab(i)">{
   {
   item}}</li>
</ul>

css

.cssNav {
        margin: 100px auto;
        background-color: #dedede;
        width:420px;
    }

    .cssNav li{
        padding:0 20px;