"this" point on the event.target

Hello, in one of the JavaScript project tutorials I bumped into this piece of code:

function setProgress() {
  const width = this.clientWidth;
  console.log(width);
}

progressContainer.addEventListener('click', setProgress)

So the this keyword in this example is pointing on the event listener. Using this in event handlers will be always pointing on the event listener element?

can you share your full code ,because I can’t understand what you are trying to do if you add a event listener and call a function then inside that function this keyword always point that event .
what is this.clientWidth can you explain ?
Are you using only javascript?

this will refer to the element referenced as progressContainer.

this will refer to the element referenced as progressContainer.