PEAR Progress2 logo

HTML_Progress2 : The Definitive Guide

Quick-Cards Atttributes Reference

[Note] Note

Position/size are relative to progress bar itself (left), (top), (width), (height). That means the default text label is on top side of the progress bar.

Width or height sets to zero means there is no size restriction (== auto-size).

Table 15.1. HTML_Progress2_Lite : position and size attributes

Name Values Initial value
position absolute | relative absolute
left <integer> 10
top <integer> 25
width <integer> 300
height <integer> 25
padding <padding-width> 0
min <integer> 0
max <integer> 100

Table 15.2. HTML_Progress2_Lite : color attributes

Name Values Initial value
border-style <border-style> solid
border-width <border-width> 1
border-color <color> #000000
background-color <color> #C0C0C0
color <color> #0033FF

Table 15.3. HTML_Progress2_Lite : frame attributes

Name Values Initial value
show true | false true
left <integer> 200
top <integer> 100
width <integer> 320
height <integer> 90
color <color> #C0C0C0
border-width <border-width> 2
border-style <border-style> solid
border-color <color>{1,4} #DFDFDF #404040 #404040 #DFDFDF

Table 15.4. HTML_Progress2_Lite : TEXT label attributes

Name Values Initial value
left <integer> (left)
top <integer> (top) - 16
width <integer> 0
height <integer> 0
align left | center | right left
background-color transparent | <color> transparent
font-size <absolute-size> | <relative-size> | <length> | <percentage> 11
font-family <family-name> Verdana, Tahoma, Arial
font-weight normal | bold normal
font-style normal | italic | oblique normal
color <color> #000000

Table 15.5. HTML_Progress2_Lite : BUTTON label attributes

Name Values Initial value
action none | ??? none
target self | ??? self
left <integer> (left)
top <integer> (top) + (height) + 10
width <length> 0
height <length> 0
align left | center | right center
background-color transparent | <color> transparent
font-size <absolute-size> | <relative-size> | <length> | <percentage> 11
font-family <family-name> Verdana, Tahoma, Arial
font-weight normal | bold normal
font-style normal | italic | oblique normal
color <color> #000000

Table 15.6. HTML_Progress2_Lite : STEP label attributes

Name Values Initial value
left <integer> (left) + 5
top <integer> (top) + 5
width <length> 10
height <length> 0
align left | center | right right
background-color transparent | <color> transparent
font-size <absolute-size> | <relative-size> | <length> | <percentage> 11
font-family <family-name> Verdana, Tahoma, Arial
font-weight normal | bold normal
font-style normal | italic | oblique normal
color <color> #000000

Table 15.7. HTML_Progress2_Lite : PERCENT label attributes

Name Values Initial value
left <integer> (left) + width - 50
top <integer> (top) - 16
width <length> 50
height <length> 0
align left | center | right right
background-color transparent | <color> transparent
font-size <absolute-size> | <relative-size> | <length> | <percentage> 11
font-family <family-name> Verdana, Tahoma, Arial
font-weight normal | bold normal
font-style normal | italic | oblique normal
color <color> #000000

Table 15.8. HTML_Progress2_Lite : CROSSBAR label attributes

Name Values Initial value
left <integer> (left) + (width)/2
top <integer> (top) - 16
width <length> 10
height <length> 0
align left | center | right center
background-color transparent | <color> transparent
font-size <absolute-size> | <relative-size> | <length> | <percentage> 11
font-family <family-name> Verdana, Tahoma, Arial
font-weight normal | bold normal
font-style normal | italic | oblique normal
color <color> #000000

HTML_Progress2 : The Definitive Guide v 1.0.0 : September 23, 2005