Progress

<c-bs-progress>
  <c-bs-progress-bar c-now="25" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="0" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="50" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="75" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="100" />
</c-bs-progress>

<c-bs-progress height="1px">
  <c-bs-progress-bar c-now="25" />
</c-bs-progress>

<c-bs-progress height="20px">
  <c-bs-progress-bar c-now="25" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="25">25%</c-bs-progress-bar>
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="25" variant="success" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="50" variant="info" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="75" variant="warning" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="100" variant="danger" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="30" variant="primary" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="40" variant="secondary" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="60" variant="light" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="80" variant="dark" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="25" variant="success">25%</c-bs-progress-bar>
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="50" variant="info">50%</c-bs-progress-bar>
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="75" variant="warning">75%</c-bs-progress-bar>
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="100" variant="danger">100%</c-bs-progress-bar>
</c-bs-progress>

<c-bs-progress-stacked>
  <c-bs-progress c-attrs="{'style': 'width: 15%'}">
    <c-bs-progress-bar c-now="15" />
  </c-bs-progress>
  <c-bs-progress c-attrs="{'style': 'width: 30%'}">
    <c-bs-progress-bar c-now="30" variant="success" />
  </c-bs-progress>
  <c-bs-progress c-attrs="{'style': 'width: 20%'}">
    <c-bs-progress-bar c-now="20" variant="info" />
  </c-bs-progress>
</c-bs-progress-stacked>

<c-bs-progress>
  <c-bs-progress-bar c-now="10" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="25" variant="success" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="50" variant="info" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="75" variant="warning" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="100" variant="danger" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="40" variant="primary" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="60" variant="secondary" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="70" variant="light" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="90" variant="dark" c-striped="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="75" c-animated="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="50" variant="success" c-animated="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="60" variant="info" c-animated="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="80" variant="warning" c-animated="True" />
</c-bs-progress>

<c-bs-progress>
  <c-bs-progress-bar c-now="90" variant="danger" c-animated="True" />
</c-bs-progress>