Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Colour of Progress bar control changes from Blue to Grey



The colour of the Progress bar control changes from Blue to Grey on loading.

Error Messages

Not Applicable


Steps to Reproduce


Root Cause

An issue in the custom application code or rules.


Perform the following local-change:
Add the below code to the UserWorkForm below the Style tag:

  .ui-widget {
    font-family: Arial,sans-serif;
    font-size: 1.3em;
.ui-widget .ui-widget {
    font-size: 1em;
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial,sans-serif;
    font-size: 1em;
.ui-widget-content {
  border: 1px solid #BBBCBE;
  background: #D8D8D7;
  color: #d9d9d9;
  padding: 3px;
.ui-widget-content a {
    color: #d9d9d9;
.ui-widget-header {
  border: 1px solid #0b3e6f;
  background: #24609D;
  color: #f6f6f6;
  font-weight: bold;
  margin: 0 !important;
  max-width: 100%;
.ui-widget-header a {
    color: #f6f6f6;

Suggest Edit

Published December 9, 2019 - Updated December 2, 2021

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us