1 | .progress {
|
2 | position: relative;
|
3 | overflow: visible;
|
4 | height: $progress-bar-height;
|
5 | box-shadow: none;
|
6 |
|
7 | &.progress-complete {
|
8 | &::after {
|
9 | position: absolute;
|
10 | font-family: $availity-icon-font;
|
11 | font-weight: normal;
|
12 | opacity: 1;
|
13 | top: 50%;
|
14 | transform: translateY(-50%);
|
15 | right: 0;
|
16 | font-size: 12px;
|
17 | background-color: $progress-bar-color;
|
18 | border-radius: 50%;
|
19 | height: $progress-bar-height * 2;
|
20 | width: $progress-bar-height * 2;
|
21 | text-align: center;
|
22 | color: $availity-progress-bar-icon-complete-color;
|
23 | content: $availity-progress-bar-icon-complete-content-overlay;
|
24 | line-height: 1.8;
|
25 | }
|
26 | }
|
27 | }
|
28 |
|
29 | .progress-bar {
|
30 | display: block;
|
31 | border-radius: $border-radius-lg;
|
32 | height: $progress-bar-height;
|
33 | margin-bottom: $progress-bar-height;
|
34 | }
|