BackgroundColor Property

The BackgroundColor property contains the color for the background of the progress bar.

Syntax

document.all["id_name"].BackgroundColor [=color]

Possible Values

ColorValue that specifies or retrieves the background color.

Remarks

ColorValue: An RGB (Red, Green, Blue) 32-bit color value that defines a solid color. Each of the Red, Green, Blue portions represents the color intensity between 0 and 255 (or 0x00 to 0xff hexadecimal). The RGB color value can be calculated: ColorValue = Red + Green*256 + Blue*65536. Please note that this representation differs from HTML color values, which are hexadecimal RRGGBB. Examples

<html>
<head>
<SCRIPT TYPE="text/javascript">
function ShowProp()
{
   alert(document.all['id_SKProgressBarControl'].BackgroundColor);
}
function IncreaseProgress(val)
{
   document.all['id_SKProgressBarControl'].Progress =
   document.all['id_SKProgressBarControl'].Progress + val;
}
function Start()
{
   setInterval("IncreaseProgress(2)", 300);
   id_info.innerHTML = "The progress bar started.";
}
</SCRIPT>
</head>
<body>
<OBJECT id="id_SKProgressBarControl" width="300" height="12px"
style="position:relative; top:0px; padding:0; margin:0;
display:inline;" classid="CLSID:EA34B585-7786-4CF2-A370-44272D57430C">
  <PARAM NAME="BlockSize" VALUE="5">
  <PARAM NAME="BlockSpace" VALUE="1">
  <PARAM NAME="BorderWidth" VALUE="1">
  <PARAM NAME="FrameStyle" VALUE="0">
  <PARAM NAME="InnerBorder" VALUE="1">
  <PARAM NAME="InvertDirection" VALUE="0">
  <PARAM NAME="Orientation" VALUE="0">
  <PARAM NAME="OuterBorder" VALUE="1">
  <PARAM NAME="Progress" VALUE="0">
  <PARAM NAME="ProgressMax" VALUE="100">
  <PARAM NAME="ProgressMin" VALUE="0">
  <PARAM NAME="Style" VALUE="0">
  <PARAM NAME="Transparent" VALUE="0">
</OBJECT>
<br><br><br>
<div id="id_info">
<a href="javascript:Start()">Start progress</a>
</div>
<br><br>
<a href="javascript:ShowProp()">Show BackgroundColor property</a>
</body>
</html>

Applies to

SiteKiosk v5.0 (and later versions).