How to handle the progressBar per row in scheduler Angular

I programmed the scheduler to have progress bars at the top like in the following link:

https://code.daypilot.org/99410/asp-net-core-scheduler

I need to handle the progressBar per row and not per column, is there any method that can help? Currently check per row with the following code:

const inUse = scheduler.events.all().filter(e => {
  return DayPilot.Util.overlaps(start, end, e.start(), e.end());
}).length;

Thank u,

Gio