UI Atoms

Progress bar

<!-- Success -->
<div class="amui-a-progress progress">
  <div class="amui-a-progress__bar progress-bar is--success is--low" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
  </div>
</div>

<!-- Warning -->
<div class="amui-a-progress  progress">
  <div class="amui-a-progress__bar progress-bar is--warning is--medium" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
  </div>
</div>

<!-- Danger -->
<div class="amui-a-progress progress">
  <div class="amui-a-progress__bar progress-bar is--danger is--high" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
  </div>
</div>