完整代码
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
.test{width:100%;overflow:hidden;margin-top:1000px}
.bar_group__bar.thin::before{display:block;content:'';position:absolute;z-index:-1}
.bar_group__bar.thin::before{width:100%;height:5px;border-radius:0px;background:#E4E4E4}
.bar_group__bar.thin{width:0%;height:5px;border-radius:0px;background:#E84C3D;margin-bottom:10px;-webkit-transition:width 1s;transition:width 1s}
.b_label,.bar_label_min,.bar_label_max,.b_tooltip span{color:#999;font-size:14px;margin:.5em 0}
.bar_group.group_ident-1{z-index:0;position:relative;width:85%;margin:0 auto}
.bar_label_max{position:absolute;right:0%}
.bar_label_min{position:absolute}
.b_tooltip{-webkit-transition:all 1s;transition:all 1s;position:relative;float:left;left:100%;padding:4px 10px 7px 10px;background-color:rgba(67,66,76,0.81);-webkit-transform:translateX(-50%) translateY(-30px);-ms-transform:t