vue中如何用v-f把上述代码简写。

<div class="public-ctn-bg" style="margin-top: 10px;">
  <!-- <highcharts class="chart" :options="chartOptions2"></highcharts> -->
  <ul class="chart-list">
    <li>
      <div>
        <span>杭州市</span>
        <i>12个</i>
        <i>22%</i>
        <el-progress
          type="circle"
          :percentage="22"
          width="20"
          stroke-width="3"
          :show-text="false"
        ></el-progress>
      </div>
      <div>
        <span>宁波市</span>
        <i>12个</i>
        <i>14%</i>
        <el-progress
          type="circle"
          :percentage="14"
          width="20"
          stroke-width="3"
          :show-text="false"
        ></e