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

{{#if this.allocation.isRunning}}
  {{#if (and (not this.stat) this.isLoading)}}
    &hellip;
  {{else if this.error}}
    <span class="tooltip is-small text-center" role="tooltip" aria-label="Couldn't collect stats">
      <Hds::Icon @name="alert-triangle-fill" @color="warning" class="icon-vertical-bump-down" />
    </span>
  {{else}}
    <div class="inline-chart tooltip" role="tooltip" aria-label="{{this.formattedStat}} / {{this.formattedReserved}}">
      <progress
        class="progress is-small {{this.statClass}}"
        value="{{this.stat.percent}}"
        max="1">
        {{this.stat.percent}}
      </progress>
    </div>
  {{/if}}
{{/if}}
