title: Get percentage of current div content
body: <p>How does one get the percentage of the scroll position inside the current div the user is on? Have some divs in a single html page with multiple screens of text.</p>
  
  <p>Thus when user is on the beginning of the div, it should be 0% and when he scrolls to the middle of the div, 50%, and at the end 100%. If he goes beyond to the next div, it resets relative to new div to 0% as before. looking for a css/and or javascript solution (not jquery).</p>
  
  <p>would like to use this information in a sticky header.</p>