.ltxe-progress-bar__label { margin-bottom: 0.35rem; } .ltxe-progress-bar__track { background: #e5e5e5; overflow: hidden; position: relative; } .ltxe-progress-bar--horizontal .ltxe-progress-bar__track { width: 100%; height: 24px; } .ltxe-progress-bar--vertical .ltxe-progress-bar__track { width: 24px; height: 160px; display: flex; align-items: flex-end; } .ltxe-progress-bar__fill { background: #2271b1; height: 100%; min-height: 0; display: flex; align-items: center; justify-content: flex-end; color: #fff; padding: 0 0.5rem; box-sizing: border-box; } .ltxe-progress-bar--vertical .ltxe-progress-bar__fill { width: 100%; align-items: flex-end; justify-content: center; } .ltxe-progress-bar--striped .ltxe-progress-bar__fill { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.18) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.18) 75%, transparent 75%, transparent ); background-size: 1rem 1rem; }