2.9.7






Progress Simple

Default


Close
<%= pb_rails("progress_simple", props: { percent: 64.9 }) %>
Setting Values



Close
<%= pb_rails("progress_simple", props: { percent: 64.9 }) %>

<br>

<%= pb_rails("progress_simple", props: { value: 2, max: 10 }) %>
Progress Bar Width


Close
<%= pb_rails("progress_simple", props: { percent: 40, width: "100px" }) %>
Muted


Close
<%= pb_rails("progress_simple", props: { percent: 64.9, muted: true }) %>
Align




Close
<%= pb_rails("progress_simple", props: { percent: 64.9, width: "100px" }) %>
<br>
<%= pb_rails("progress_simple", props: { percent: 64.9, width: "100px", align: "center" }) %>
<br>
<%= pb_rails("progress_simple", props: { percent: 64.9, width: "100px", align: "right" }) %>
Available Props
id
data
classname
aria
children
align
value
max
muted
percent
width