Sha256: 55face3334b97d2d7cfcd5c458c985bcb32f45e4f05a2f3a0f3054a1ffe88dc3

Contents?: true

Size: 1.41 KB

Versions: 5

Compression:

Stored size: 1.41 KB

Contents

<section id="progressbar">
  <div class="page-header">
    <h1>Progress Bar
      <small>bootstrap progress bar helper</small>
    </h1>
  </div>

  <p>Progress bar helpers wraps bootstrap progress bar component.</p>

  <h3>Non stacked bar</h3>

  <div class="bs-docs-example">
    <%= pg(percentage: 25, content: 'Done: 25%') %>
    <%= pg({striped: true}, percentage: 25, content: 'Done: 25%') %>
    <%= pg({active: true, striped: true}, percentage: 25, type: :success) %>
    <%= pg({in_table: true}, percentage: 25, type: :warning) %>
    <%= pg({in_table: true}, percentage: 25, type: :danger) %>
    <%= pg({in_table: true}, percentage: 25, type: :info) %>
  </div>


<pre class="prettyprint linenums lang-erb">
&lt;%= pg(percentage: 25, content: 'Done: 25%') %&gt;
&lt;%= pg({striped: true}, percentage: 25, content: 'Done: 25%') %&gt;
&lt;%= pg({active: true, striped: true}, percentage: 25, type: :success) %&gt;
&lt;%= pg({in_table: true}, percentage: 25, type: :warning) %&gt;
&lt;%= pg({in_table: true}, percentage: 25, type: :danger) %&gt;
&lt;%= pg({in_table: true}, percentage: 25, type: :info) %&gt;
</pre>

  <h3>Stacked bar</h3>

  <div class="bs-docs-example">
    <%= pg({}, {percentage: 25, content: 'Done: 25%'}, {percentage: 50, type: :warning}) %>
  </div>


<pre class="prettyprint linenums lang-erb">
&lt;%= pg({}, {percentage: 25, content: 'Done: 25%'}, {percentage: 50, type: :warning}) %&gt;
</pre>

</section>

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
bs-helper-0.1.4 test/dummy/app/views/components/_progressbar.html.erb
bs-helper-0.1.3 test/dummy/app/views/components/_progressbar.html.erb
bs-helper-0.1.2 test/dummy/app/views/components/_progressbar.html.erb
bs-helper-0.1.1 test/dummy/app/views/components/_progressbar.html.erb
bs-helper-0.1.0 test/dummy/app/views/components/_progressbar.html.erb