diff --git a/examples/routers/circle.vue b/examples/routers/circle.vue
index c71a1e9d..ce4ae927 100644
--- a/examples/routers/circle.vue
+++ b/examples/routers/circle.vue
@@ -11,6 +11,10 @@
             <Icon type="ios-close" size="50" style="color:#ff5500"></Icon>
         </span>
         </i-circle>
+        <Divider></Divider>
+        <i-circle :percent="80" dashboard stroke-linecap="square">
+            <span class="demo-circle-inner" style="font-size:24px">80%</span>
+        </i-circle>
     </div>
 </template>
 <script>
diff --git a/src/components/circle/circle.vue b/src/components/circle/circle.vue
index 092c175c..3a36d688 100644
--- a/src/components/circle/circle.vue
+++ b/src/components/circle/circle.vue
@@ -1,7 +1,7 @@
 <template>
     <div :style="circleSize" :class="wrapClasses">
         <svg viewBox="0 0 100 100">
-            <path :d="pathString" :stroke="trailColor" :stroke-width="trailWidth" :fill-opacity="0" :style="trailStyle" />
+            <path :d="pathString" :stroke="trailColor" :stroke-width="trailWidth" :fill-opacity="0" :style="trailStyle" :stroke-linecap="strokeLinecap" />
             <path :d="pathString" :stroke-linecap="strokeLinecap" :stroke="strokeColor" :stroke-width="computedStrokeWidth" fill-opacity="0" :style="pathStyle" />
         </svg>
         <div :class="innerClasses">