Color2 Property



 
The Color2 property contains the end color of the progress bar (at 100%).


Syntax

    document.all["id_name"].Color2 [=color]
    
Possible Values
    ColorValue that specifies or retrieves the background color.

    The property is read/write.
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
    The following example shows the Color2 property when the link is clicked.

    <html>
    <head>
    <SCRIPT TYPE="text/javascript">
    function ShowProp()
    {
       alert(document.all['id_SKProgressBarControl'].Color2);
    }
    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 Color2 property</a>
    </body>
    </html>
    

Applies to
    SiteKiosk v5.0 (and later versions).

Back to top