{{-- A percentage as a bar plus its number, or a dash when it was never
     measured. Null is deliberately NOT drawn as an empty bar: an empty bar
     reads as "zero activity", and the truth is that nobody sampled. --}}
@if ($value === null)
    <span class="text-secondary" title="Not measured — this range predates input sampling">—</span>
@else
    <div class="d-flex align-items-center gap-2">
        <div class="progress progress-sm flex-fill" style="max-width:7rem">
            <div class="progress-bar bg-{{ $colour }}" role="progressbar"
                 style="width: {{ max(0, min(100, $value)) }}%"
                 aria-valuenow="{{ round($value) }}" aria-valuemin="0" aria-valuemax="100"></div>
        </div>
        <span class="text-nowrap small">{{ rtrim(rtrim(number_format($value, 1), '0'), '.') }}%</span>
    </div>
@endif