Javascript Detect click on Video Progressbar

I'm trying to detect a Mouseclick on the Searchbar, of a HTML5 Video.

My code:

var mouseDown = 0;

function mouseClickDown() {
  console.log("mouseDown")
    ++mouseDown;
}

function mouseClickUp() {
  console.log("mouseUp")
    --mouseDown;
}

<div class="c-video">
  <video id="video" controls class="video">
    <source src="/static/video/" type="video/mp4">
  </video>
  <div class="controls">
    <progress class="progress-bar" min="0" max="100" value="0" id="videoProgressBar" onmouseup="mouseClickUp()" onmousedown="mouseClickDown()">0% played</progress>
  </div>
</div>

But the event doesn't get triggered if I click on the Searchbar.

Have anyone an Idea to detect this Events?