</div>
{% endcapture %}
+{% capture progress %}
+<progress class="progress is-primary" value="30" max="100">30%</progress>
+{% endcapture %}
+
{% capture tags %}
<span class="tag is-black">Black</span>
<span class="tag is-dark">Dark</span>
{% endcapture %}
{% capture cards %}
-<div class="columns">
+<div class="columns is-mobile">
<div class="column is-half">
<div class="card">
<div class="card-image">
</div>
</div>
+ <div class="columns">
+ <div class="column is-3">
+ <h4 class="subtitle is-4 feature-title">
+ <a href="{{ site.url }}/documentation/elements/progress/">
+ Progress bar
+ </a>
+ </h4>
+ </div>
+ <div class="column is-9">
+ {{ progress }}
+ </div>
+ </div>
+
<div class="columns">
<div class="column is-3">
<h4 class="subtitle is-4 feature-title">