From 4c9f5df0737b01f15eca697f247340f0e3b883c7 Mon Sep 17 00:00:00 2001
From: hhCandy <i@hhcandy.me>
Date: Sun, 30 Dec 2018 15:05:15 +0800
Subject: [PATCH] add demo to readme

---
 README.md | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/README.md b/README.md
index 9679316..dfe8f84 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,30 @@
 # greatLoading
 A simple solution for a busy loading web page.
+
+```HTML
+        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="https://cdn.yimian.ac.cn/greatLoading/greadLoading.min.css">
+    <style type="text/css">
+        #loader-wrapper .loader-section {background: #067ad0;}
+    </style>
+
+<div id="loader-wrapper" >
+    
+<div id="loader"></div>
+    
+<div class="loader-section section-left"></div>
+    
+<div class="loader-section section-right"></div>
+    
+<div class="load_title">Yimian Login<br><span>Loading..</span></div>
+</div>
+
+<script type="text/javascript">
+    $(window).on("load",function(){
+        $('body').addClass('loaded');
+        $('#loader-wrapper .load_title').remove();
+    }); 
+
+</script>
+```
\ No newline at end of file