diff options
ADD: Progress element experimental support
1 files changed, 32 insertions, 0 deletions
| -rw-r--r-- | docs/elements.html | 32 |
diff --git a/docs/elements.html b/docs/elements.html index 7d4fd42..a7c7d93 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -50,6 +50,9 @@ <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> </ul> @@ -982,7 +985,36 @@ <code class="code lang-html" data-lang="HTML"><<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"label"</span>>default label<<span class="tag">/span</span>> <<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"label label-primary"</span>>primary label<<span class="tag">/span</span>></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"> |