Да, вы верно определили элементы массива - осталось только создать массив. У вас получится что-то вроде следующего:
$items = [
'My Tasks' => [ // уникальный ключ для каждого элемента
'text' => '130 / 500', // текст, который показывается для элемента в span
'color' => 'bg-fusion-400', // цвет
'progress_wrapper_class' => 'mb-3', // класс для progress (уникальный у User Testing) или использовать if, как в примере ниже
'progress_value' => 65, // значение progress bar
],
'Transfered' => [
'text' => '440 TB',
'color' => 'bg-success-500',
'progress_wrapper_class' => 'mb-3',
'progress_value' => 34,
],
// остальные элементы
];
Далее вам необходимо перебрать этот массив с помощью foreach:
<?php foreach ($items as $key => $item) : ?>
<div class="d-flex <?php if ($key == 'My Tasks'): ?>mt-2<?php endif; ?>">
<?= $key ?>
<span class="d-inline-block ml-auto"><?= $item['text'] ?></span>
</div>
<div class="progress progress-sm mb-3">
<div class="progress-bar <?= $item['color'] ?>" role="progressbar" style="width: <?= $item['progress_value'] ?>%;" aria-valuenow="<?= $item['progress_value'] ?>" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<?php endforeach; ?>
Но в современной разработке все-таки чаще используются шаблонизаторы вроде twig.