title: Strategy for translating a UX `pan` gesture to set a linear value without an upper bound
body: <p>I'm trying to set a slider (actually a kitchen timer) using a <code>pan</code> gesture in <code>ionic2</code> see: <a href="http://ionicframework.com/docs/v2/components/#gestures" rel="noreferrer">http://ionicframework.com/docs/v2/components/#gestures</a></p>
  
  <p>The slider/timer has an open upper-bound that could be set by a <code>panright</code>, but go down to zero on a <code>panleft</code>.</p>
  
  <p>How can I best translate the <code>pan</code> event to be speed-sensitive to allow an upper bounds near 36000 but sensitive enough to set increments as small as 10? The max <code>deltaX</code> would be around 400px, but I suppose the user could use a few <code>pan</code> gestures to reach a large value.</p>
  
  <p>Is there some ready-built <code>easing</code> function that I can use to achieve this?</p>