.barfiller {  width:100%;  height:30px;  background:#222222;  position:relative;  border-radius: 10px;  overflow: hidden;  box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);   -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5); }.barfiller .fill {  display:block;  position:relative;  width:0px;  height:100%;  background:#333;  border-top-left-radius: 10px;  border-bottom-left-radius: 10px;  z-index:1;}.barfiller .tipWrap {  display:none;}.barfiller .tip {  margin-top:-30px;  padding:2px 4px;  font-size:11px;  color:#fff;  left:0px;  position:absolute;  z-index:2;  background: #333;} .barfiller .tip:after {  border:solid;  border-color:rgba(0,0,0,.8) transparent;  border-width:6px 6px 0 6px;  content:"";  display:block;  position:absolute;  left:9px;  top:100%;  z-index:9}