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