Como obter porcentagem de rolagem horizontal de um elemento HTML em JavaScript?

Como podemos calcular a porcentagem de 'distância' coberta pela barra de rolagem em um elemento entre o início e o fim?

<div id="container" style="overflow-x:scroll; max-width:1000px;">
  <div id="contained" style="width:3000px;"></div>
</div>

<script>
  $('#container').scroll(function(){
    var scrollPercentage; //How to get scroll percentage?
  });
</script>

Então, se a barra de rolagem estiver completamente à esquerda, nós queremos0, e se é completamente à direita, queremos obter100.

questionAnswers(2)

yourAnswerToTheQuestion