jsbin.UvAdocu.css

.slider {
  border-radius: 15px;
  position:relative;
  background: #ccc;
  height: 200px;
  width: 20px;
}

.handle {
  background: #eee;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  display:block;
  position:absolute;
  margin:2px;
}

.range {
  border:none;
  background:transparent;
  width: 20px;
  text-align:center;
  font-size: 8px;
  font-family: sans-serif;
}

jsbin.UvAdocu.html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<input type="range" />

jsbin.UvAdocu.js

$('input[type=range]').rangeinput();