Progress

Line

<g-progress type="line" :percent="0.6" />

Circle

60%

60%

60%

<g-row>
  <g-col :span="8">
    <g-progress type="circle" :percent="0.6" />
  </g-col>
  <g-col :span="8">
    <g-progress type="circle" :percent="0.8" color="red" stroke-width="5" />
  </g-col>
  <g-col :span="8">
    <g-progress type="circle" :percent="0.5" />
  </g-col>
</g-row>

Water

50%

<g-progress type="water" :percent="0.5" />