.gree-example-child-progress-bar-0 .gree-progress-bar-outer{width:calc(100% - 110px)}.gree-example-child-progress-bar-1 .gree-progress-bar{margin-bottom:15px}.gree-example-child-progress-bar-2{display:flex;align-items:center;justify-content:space-around;overflow:hidden}.gree-example-child-progress-bar-2 .gree-progress-bar-vertical{height:415px}.gree-example-child-progress-bar-2 .gree-progress-bar-vertical .gree-progress-bar-inner{background-color:#fff;border-radius:15px}.gree-example-child-progress-bar-2 .gree-progress-bar-vertical .gree-progress-bar-inner .gree-progress-bar-bg{width:75px!important;background-color:#8cd3fc;border-radius:15px;border-top-left-radius:0;border-top-right-radius:0}.gree-example-child-progress-bar-2 .gree-progress-bar-vertical .gree-progress-bar-text{position:absolute;top:25px;left:50%;transform:translateX(-50%);color:#404657;font-size:24px;margin-left:0}.gree-example-child-progress-bar-2 .gree-progress-bar-wrong .gree-progress-bar-bg{background-color:#f77!important}.gree-example-child-progress-bar-3 .row{padding:0 30px;margin-top:6px}.gree-example-child-progress-bar-3 .row .col{color:#989898;font-size:18px}.gree-example-child-progress-bar-3 .row .col:last-child{text-align:right}.gree-example-child-progress-bar-3 .gree-progress-bar{padding:0 21px;margin-bottom:6px}.gree-example-child-progress-bar-4{display:flex;align-items:center;justify-content:center;min-height:200px}.gree-example-child-progress-bar-4 .battery{display:inline-block;position:relative;width:330px;height:185px;box-shadow:0 0 0 7px #666;background:#fff;border-radius:12px}.gree-example-child-progress-bar-4 .battery:before{content:"";position:absolute;top:50%;right:-30px;transform:translateY(-50%);height:85px;width:30px;background:#666;border-top-right-radius:10px;border-bottom-right-radius:10px}.gree-example-child-progress-bar-4 .battery:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:10px solid transparent}.gree-example-child-progress-bar-4 .battery .gree-progress-bar .gree-progress-bar-outer{width:calc(100% - 20px);margin-top:12px;margin-left:12px}.gree-example-child-progress-bar-4 .battery .gree-progress-bar .gree-progress-bar-outer .gree-progress-bar-inner{background-color:#fff;border-radius:10px}.gree-example-child-progress-bar-4 .battery .gree-progress-bar .gree-progress-bar-outer .gree-progress-bar-inner .gree-progress-bar-bg{height:160px!important;background-color:#93d894;border-radius:10px}