@foreach($data as $item)
<div class="flex ">
    <span class="text-sm w-96">{{ $item->title }}</span>
    <div class="w-full bg-gray-200 h-2 mb-6">
        <div class="bg-green-500 h-2" title="{{ number_format($item->avg_val, 1, '.', '') }}"
            style="width: {{ $item->avg_val * 100 / 5  }}%"></div>
    </div>
</div>
@endforeach