@charset "utf-8";



.progress { position: relative; }



.progress__track { min-width: 100px; max-width: 100%; height: 16px; margin-top: 5px; border: 1px solid; background-color: rgb(255, 255, 255); }



.progress__bar { width: 3%; min-width: 3%; max-width: 100%; height: 16px; background-color: rgb(0, 0, 0); }



.progress__description, .progress__percentage { overflow: hidden; margin-top: 0.2em; color: rgb(85, 85, 85); font-size: 0.875em; }



.progress__description { float: left; }



[dir="rtl"] .progress__description { float: right; }



.progress__percentage { float: right; }



[dir="rtl"] .progress__percentage { float: left; }



.progress--small .progress__track { height: 7px; }



.progress--small .progress__bar { height: 7px; background-size: 20px 20px; }