<div class="flight-component">

  <span>New York</span>

  <input type="range" class="flight" style="--val:0" value="0" min="0" max="100" oninput="this.style='--val:'+this.value" aria-label="percentage flown" />

  <span>Madrid</span>

</div>