body{font-family:Arial}.barfiller{height:12px;border:1px solid #ccc;margin-bottom:20px;position:relative;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);background:#fcfcfc;width:100%}.barfiller .fill{height:100%;position:relative;background:#333;width:0;display:block;z-index:1}.barfiller .tipWrap{display:none}.barfiller .tip{padding:2px 4px;font-size:11px;color:#fff;position:relative;background:#333;left:0;margin-top:-30px;z-index:2}.barfiller .tip:after{border:solid;border-color:rgba(0,0,0,.8) transparent;content:"";position:absolute;border-width:6px 6px 0;top:100%;left:9px;display:block;z-index:9}