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 18.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 18.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 18.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 18.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 18.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 18.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 18.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 18.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 2.4.0 : April 20, 2007