diff --git a/src/index.vue b/src/index.vue
index 8962a6a..53f7ee2 100755
--- a/src/index.vue
+++ b/src/index.vue
@@ -88,6 +88,12 @@ export default {
     .on('circle-inited', function(event){
       renderCircleBody(this, (vm.progress/vm.scale));
       vm.$emit('vue-circle-init', event);
+      vm.$watch('progress', (nv) => {
+        vm.updateProgress(nv)
+      })
+      vm.$watch('fill', (nv) => {
+        vm.updateFill(nv)
+      })
     })
     .circleProgress({
       value: this.convertedProgress(vm.progress),