In the header of Dev Studio, in the Search field, search for and open the UserWorkForm HTML fragment rule.

Click Save As.

On the New tab, in the Context section, specify the context of the fragment rule:

1. In the Development branch list, select the branch.

2. Select the check box with your application name.

3. In the Add to ruleset list, select the ruleset that is specific to your application.

Click Create and open.

On the HTML tab, in the text field, enter your custom JavaScript code.

<script>
   pega.ui.busyIndicator.prototype.createIndicatorImage = function() {
   if(this.oSpan == null)
   this.initialize(this._sNode);
   var oSpan = this.oSpan;
   if (this._message && this._message.length > 0) oSpan.innerHTML = "<img src = 'webwb/CustomPreloader.gif'   alt='loading' />" + " " + this._message ;
   else oSpan.innerHTML = "<img src = 'webwb/CustomPreloader.gif' alt='loading' />";
   }
</script>

In the upper-right corner of the screen, click Save.