Edit in JSFiddle

canvas {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: white;
    border-radius: 25px;
    border: 1px solid #404040;
}
.slider {
    position: absolute;
    top: 115px;
    left: 85px;
    width: 152px;
    height: 52px;
}
.bar {
    position: relative;
    top: 30px;
    width: 152px;
    height: 2px;
    background-color: #404040;
}
.knob {
    position: relative;
    left: 0;
    border: 1px solid #404040;
    background-color: #c0c0c0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

<canvas id="canvas" width="300" height="200" tabindex='0' class="default">This browser or document mode doesn't support canvas</canvas>
<div class="slider" id="slider">
    <div class="bar"></div>
    <div id="knob" class="knob"></div>
</div>
<img id="image" style="display:none" src="http://s.mrroa.com/butterfly.png" />