• CSS Settings

Breadcrumb

CSS Settings

Here are few basic CSS settings for the Progress Bar.

Add these to the Inline CSS of the page:

/* Set height/border radius of progress bar */
.apex-uc-progress .progress {
    height:30px;
    border-radius: 10px;
    background-color:darkred;
}

/* Set color of foreground progress status */
.apex-uc-progress .progress-bar {
    background-color:skyblue!important;
}

/* Set text color / weight on progress bar */
.apex-uc-progress .progress-bar-text {
    color:red!important;
    font-size:16px;
    font-weight:120;
}

/* Separate settings for job list */
.ucp-list .progress {
    height:20px;
    font-size: 1.35rem;
    border-radius: 8px;
}

/* To set up link color if HTML used inside text */
.apex-uc-progress a {    
    color:inherit;
    font-weight:700;
    /*color: darkblue !important;*/
}