github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/freestyle/sg-progress-bar.hbs (about)

     1  {{#freestyle-usage "progress-bar" title="Progress Bar"}}
     2    <div class="inline-chart tooltip" role="tooltip" aria-label="5 / 15">
     3      <progress
     4        class="progress is-primary is-small"
     5        value="0.33"
     6        max="1">
     7        0.33
     8      </progress>
     9    </div>
    10  {{/freestyle-usage}}
    11  
    12  {{#freestyle-usage "progress-bar-colors" title="Progress Bar Colors"}}
    13    <div class="columns">
    14      <div class="column">
    15        <div class="inline-chart tooltip" role="tooltip" aria-label="5 / 15">
    16          <progress
    17            class="progress is-info is-small"
    18            value="0.33"
    19            max="1">
    20            0.33
    21          </progress>
    22        </div>
    23      </div>
    24      <div class="column">
    25        <div class="inline-chart tooltip" role="tooltip" aria-label="5 / 15">
    26          <progress
    27            class="progress is-success is-small"
    28            value="0.33"
    29            max="1">
    30            0.33
    31          </progress>
    32        </div>
    33      </div>
    34      <div class="column">
    35        <div class="inline-chart tooltip" role="tooltip" aria-label="5 / 15">
    36          <progress
    37            class="progress is-warning is-small"
    38            value="0.33"
    39            max="1">
    40            0.33
    41          </progress>
    42        </div>
    43      </div>
    44      <div class="column">
    45        <div class="inline-chart tooltip" role="tooltip" aria-label="5 / 15">
    46          <progress
    47            class="progress is-danger is-small"
    48            value="0.33"
    49            max="1">
    50            0.33
    51          </progress>
    52        </div>
    53      </div>
    54    </div>
    55  {{/freestyle-usage}}
    56  
    57  {{#freestyle-usage "progress-bar-live" title="Progress Bar Live Updates"}}
    58    <div class="columns">
    59      <div class="column is-one-third">
    60        <div class="inline-chart tooltip" role="tooltip" aria-label="{{numerator}} / {{denominator}}">
    61          <progress
    62            class="progress is-primary is-small"
    63            value="{{percentage}}"
    64            max="1">
    65            {{percentage}}
    66          </progress>
    67        </div>
    68      </div>
    69    </div>
    70  {{/freestyle-usage}}
    71  {{#freestyle-annotation}}
    72    <div class="boxed-section">
    73      <div class="boxed-section-body is-dark">
    74        {{json-viewer json=liveDetails}}
    75      </div>
    76    </div>
    77  {{/freestyle-annotation}}