Style Property
The Style property contains information about the layout style of the progress bar.
Syntax
document.all["id_name"].Style [=long]
|
Possible Values
Long value that is 0 for a solid one color style.
1 for a gradient style, changing from Color1 to Color2.
|
The property is read/write.
Remarks
Examples
The following example shows the Style property when the link is clicked.
<html>
<head>
<SCRIPT TYPE="text/javascript">
function ShowProp()
{
alert(document.all['id_SKProgressBarControl'].Style);
}
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 Style property</a>
</body>
</html>
|
Applies to
SiteKiosk v5.0 (and later versions).
Back to top