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