From 599834af2f655717374d398f87d5b5e05279aa03 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Tue, 21 Feb 2017 19:15:05 +0800
Subject: ADD: Progress element experimental support

---
 docs/elements.html | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

(limited to 'docs/elements.html')

diff --git a/docs/elements.html b/docs/elements.html
index 7d4fd42..a7c7d93 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -49,6 +49,9 @@
               <li class="nav-item">
                 <a href="elements.html#labels">Labels</a>
               </li>
+              <li class="nav-item">
+                <a href="elements.html#progress">Progress</a>
+              </li>
               <li class="nav-item">
                 <a href="elements.html#media">Media</a>
               </li>
@@ -982,7 +985,36 @@
 <code class="code lang-html" data-lang="HTML">&lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;label&quot;</span>&gt;default label&lt;<span class="tag">/span</span>&gt;
 &lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;label label-primary&quot;</span>&gt;primary label&lt;<span class="tag">/span</span>&gt;</code>
 </pre>
+        </section>
 
+        <section id="progress" class="container">
+          <header class="text-center"><h3>Progress <small class="label">experimental</small></h3></header>
+          <section class="notes">
+            <p>A <strong>Progress</strong> indicates the progress completion of a task.</p>
+          </section>
+          <div class="columns text-center">
+            <div class="column col-3 col-xs-12">
+              <progress class="progress" value="75" max="100"></progress>
+            </div>
+            <div class="column col-3 col-xs-12">
+              <progress class="progress" value="50" max="100"></progress>
+            </div>
+            <div class="column col-3 col-xs-12">
+              <progress class="progress" value="25" max="100"></progress>
+            </div>
+            <div class="column col-3 col-xs-12">
+              <progress class="progress" value="0" max="100"></progress>
+            </div>
+
+          </div>
+          <section class="notes">
+            <p></p>
+          </section>
+
+<!-- progress example -->
+<pre class="hide">
+<code class="code lang-html" data-lang="HTML"></code>
+</pre>
         </section>
 
         <section id="media" class="container">
-- 
cgit v1.3.1-23-gd82d