diff --git a/src/components/loading-bar/loading-bar.js b/src/components/loading-bar/loading-bar.js
index e978fb48..eb30043f 100644
--- a/src/components/loading-bar/loading-bar.js
+++ b/src/components/loading-bar/loading-bar.js
@@ -1,24 +1,21 @@
 import LoadingBar from './loading-bar.vue';
 import Vue from 'vue';
-import { camelcaseToHyphen } from '../../utils/assist';
 
 LoadingBar.newInstance = properties => {
     const _props = properties || {};
 
-    let props = '';
-    Object.keys(_props).forEach(prop => {
-        props += ' :' + camelcaseToHyphen(prop) + '=' + prop;
+    const Instance = new Vue({
+        data: _props,
+        render (h) {
+            return h(LoadingBar, {
+                props: _props
+            });
+        }
     });
 
-    const div = document.createElement('div');
-    div.innerHTML = `<loading-bar${props}></loading-bar>`;
-    document.body.appendChild(div);
-
-    const loading_bar = new Vue({
-        el: div,
-        data: _props,
-        components: { LoadingBar }
-    }).$children[0];
+    const component = Instance.$mount();
+    document.body.appendChild(component.$el);
+    const loading_bar = Instance.$children[0];
 
     return {
         update (options) {
@@ -34,7 +31,9 @@ LoadingBar.newInstance = properties => {
         },
         component: loading_bar,
         destroy () {
-            document.body.removeChild(div);
+            setTimeout(function() {
+                document.body.removeChild(document.getElementsByClassName('ivu-loading-bar')[0].parentElement);
+            }, 500);
         }
     };
 };