@webkom/react-meter-bar/dist/style.css

A simple react meter component

.progress-bar{position:relative}.progress-bar__label-holder{height:20px;padding-bottom:10px;position:relative;display:flex;align-items:center}.label{display:inline-block;position:absolute}.label:not(:first-child){transform:translate(-50%)}.label:last-child{transform:translate(-100%)}.progress-bar__progress-bg{position:relative;height:20px;margin-bottom:10px;background-color:#eee;border-radius:20px;overflow:hidden}.progress-bar__progress{position:absolute;top:0px;height:100%;width:20%;background-color:#db7093;transition:all .2s ease-in-out}.progress-bar__seperator{height:100%;width:1px;background-color:#ff4500}