# 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 The following table lists the members provided by the SKProgressBar ActiveX control.
Members
Properties | Description
BackgroundColor | Background color of the bar.
BlockSize | Size of the progress blocks.
BlockSpace | Space between the progress blocks.
BorderWidth | Width of the progress bar border.
Color1 | Start color of the progress bar.
Color2 | End color of the progress bar.
Enabled | Whether the progress bar is enabled.
FrameStyle | Layout style for the frame.
InnerBorder | Size of the inner border.
InvertDirection | Direction of the progress bar.
Orientation | Orientation of the progress bar.
OuterBorder | Size of the outer border.
Progress | Current progress.
ProgressMax | Maximum progress value.
ProgressMin | Minimum progress value.
Style | Layout of the progress bar.
Transparent | Status of the transparency.
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