Simple slider to control progress of the transition.
Example 2
Element with a transition property applied – click the object to toggle state.
Slider value is "snapped" to a edge value. After snapping, object moves with a CSS transition to an edge state.