ProgressGalio

<isee:progress skin="progress" name="progress" label="progress"/>

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

.ve2 {
  position:absolute;
  left:150px;
  top:250px;
  padding:0.5em 1em 1em 1em;
  background-color:#adf;
  border:2px solid #8bd;
  height:75px;
}
.ve2 .veLabel{
  font: bold 20px sans-serif;
  color: #479;
}
.ve2 .veValue{
  font: bold 20px sans-serif;
  color: #479;display:inline-block;
  vertical-align:top;
  padding-left:240px;
}
.ve2 .veBar{
  margin: 10px 0;
  background-color: #9ce;
  border:5px solid #7bc;
  width:400px;
  height:25px
}
.ve2 .veInd{
  background-color:#ff0000;
  height:25px;
}

<div id='z2' class='ve2'>
  <span class='veLabel'>progress</span>
  <span class='veValue'></span>
  <div class='veBar'>
    <div class='veInd'></div>
  </div>
</div>

<script type='text/javascript'>
  var progress=new iscl.ProgressCtrl(window,'z2',0,true,'%',false,0);
</script>