:global {
    .jlt-progress {
        width: 480px;
        height: 20px;
        border-radius: 4px;
        border: 1px solid #eaeaea;
        background: #f5f5f5;
        position: relative;

        .jlt-progress-active {
            // position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            height: 100%;
            min-width: 6%;
            color: #fff;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            position: relative;
            background-color: #0078d6;
            border: 1px solid #0078d6;
            background-size: 3em 3em;
            background-image: linear-gradient(-45deg, transparent 0em, transparent 1em, #0070CA 0.9em, #0070CA 2.1em, transparent 2.1em, transparent 2.9em, #0070CA 3.1em);
            -webkit-animation: warning-animation 750ms infinite linear;
            -moz-animation: warning-animation 750ms infinite linear;
            animation: warning-animation 750ms infinite linear;

            &::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                height: 100%;
                border-radius: 10px;
            }
        }

        @-webkit-keyframes warning-animation {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: 3em 0;
            }
        }

        @-moz-keyframes warning-animation {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: 3em 0;
            }
        }

        @keyframes warning-animation {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: 3em 0;
            }
        }
    }
}