{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
~}}

<div class="columns secondary-graphic">
  <div class="column">
    <div class="inline-chart" data-test-percentage-bar>
      <progress
        data-test-current-value
        class="progress {{@chartClass}} is-small"
        value="{{or @percent 0}}"
        max="1">
        {{@percent}}
      </progress>
    </div>
  </div>
  <div class="column is-minimum">
    <span class="nowrap" data-test-percentage>{{format-percentage @percent total=1}}</span>
  </div>
</div>
