SKProgressBar ActiveX Control



 
The SKProgressBar ActiveX can be used to display vertical or horizontal progress bars that are highly customizable (e.g. solid, gradient, blocks, inverse direction).


Members Table

Remarks
    This ActiveX control is available in the form of scripts that can be used in combination with SiteKiosk. Use the SKProgressBar control to modify the display of progress bars.
    To initialize the ActiveX control use the OBJECT tag and, in particular, the classID to identify the control. Set the initial object properties between the opening and closing OBJECT tags with PARAM tags. At a later point in time it will also be possible to access/modify these properties by means of scripts.
CLSID
    EA34B585-7786-4CF2-A370-44272D57430C
Examples
    The following example starts a progress bar when the link is clicked.

    <html>
    <head>
    <SCRIPT TYPE="text/javascript">
    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>
    </body>
    </html>
    

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

Back to top