.progress_rootClass{border:5px solid #111;height:20px;max-width:100%;width:400px}.progress_indicatorClass{background-color:#dc143c;height:100%;transition:background .15s ease-out;width:0}.progress_indicatorClass[data-state=indeterminate]{background-color:#aaa}.progress_indicatorClass[data-state=complete]{background-color:green}.progress_indicatorPseudos:before{content:attr(data-value)}.progress_indicatorPseudos:after{content:attr(data-max)}.progress_indicatorAttrClass,.progress_rootAttrClass{background-color:#0000ff4d;border:2px solid blue;padding:10px}.progress_indicatorAttrClass[data-state=loading],.progress_rootAttrClass[data-state=loading]{border-color:red}.progress_indicatorAttrClass[data-state=indeterminate],.progress_rootAttrClass[data-state=indeterminate]{border-color:purple}.progress_indicatorAttrClass[data-state=complete],.progress_rootAttrClass[data-state=complete]{border-color:green}