.progress-wrapper { position: relative; padding-top: 1.5rem; } .progress { height: 8px; margin-bottom: $spacer; overflow: hidden; border-radius: $border-radius-sm; background-color: $progress-bg; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .sr-only { width: auto; height: 20px; margin: 0 0 0 30px; left: 0; clip: auto; line-height: 20px; font-size: 13px; } .progress-heading { font-size: 14px; font-weight: 500; margin: 0 0 2px; padding: 0; } .progress-bar { box-shadow: none; border-radius: 0; height: auto; } .progress-label { span { display: inline-block; color: $default; font-size: .625rem; font-weight: 600; text-transform: uppercase; padding: .25rem 0rem; } } .progress-percentage { text-align: right; span { display: inline-block; color: $gray-600; font-size: .875rem; font-weight: 600; } } .index-page { .progress-wrapper { padding-top: 1rem; .progress-label { position: absolute; top: auto; bottom: 10px; } .progress { margin-bottom: 0; } } }