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"> <%= 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) %> </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"> <%= pg({}, {percentage: 25, content: 'Done: 25%'}, {percentage: 50, type: :warning}) %> </pre> </section>
Version data entries
5 entries across 5 versions & 1 rubygems