SliderGalio

<isee:slider skin="slider" label="slider"/>

This VE tag appears in /demo/slider.jsp of ISEE Demo project

.ve1 {
  position:absolute;
  left:150px;
  top:60px;
  padding:0.5em 1em;
  background-color:#adf;
  border:2px solid #8bd;
  height:65px;
}
.ve1 .veLabel{
  font: bold 20px sans-serif;
  color: #479;
}
.ve1 .veValue{
  font: bold 20px sans-serif;
  color: #479;
  display:inline-block;
  vertical-align:top;
  padding-left:280px;
}
.ve1 .veWell{
  margin: 10px 0;
  background-color: #9ce;
  width:400px;
  height:20px
}
.ve1 .veKnob{
  -ant-highlight-color:transparent;
  display:block;
  position:relative;
  position: relative;
  top: -5px;
  border: 2px outset #69b;
  background-color: #eee;
  width:15px;
  height:26px
}
.ve1 .veKnob:focus{
  background-color: #f88;
}

<div id='z1' class='ve1'>
  <span class='veLabel'>slider</span>
  <span class='veValue'></span>
  <div class='veWell'>
    <a class='veKnob' href='javascript:z1.onselect()'></a>
  </div>
</div>

<script type='text/javascript'>
  var z1=new iscl.SliderCtrl(window,'z1',null,null,null,0,0,0,0,true,null);
</script>