1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x576
6 LayoutBlockFlow {UL} at (0,0) size 784x184
7 LayoutListItem {LI} at (40,0) size 744x20
8 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
9 LayoutText {#text} at (0,0) size 81x19
10 text run at (0,0) width 81: "Default style: "
11 LayoutBlockFlow {PROGRESS} at (81,2.19) size 160x16
12 LayoutProgress {DIV} at (0,0) size 160x16
13 LayoutBlockFlow {DIV} at (0,0) size 160x16 [bgcolor=#808080]
14 LayoutBlockFlow {DIV} at (0,0) size 16x16 [bgcolor=#008000]
15 LayoutListItem {LI} at (40,20) size 744x20
16 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
17 LayoutText {#text} at (0,0) size 91x19
18 text run at (0,0) width 91: "Progress style: "
19 LayoutBlockFlow {PROGRESS} at (91,2.19) size 160x16 [bgcolor=#0000FF] [border: (3px solid #000066)]
20 LayoutProgress {DIV} at (3,3) size 154x10
21 LayoutBlockFlow {DIV} at (0,0) size 154x10
22 LayoutBlockFlow {DIV} at (0,0) size 30.80x10 [bgcolor=#008000]
23 LayoutListItem {LI} at (40,40) size 744x32
24 LayoutListMarker (anonymous) at (-18,12) size 7x19: bullet
25 LayoutText {#text} at (0,12) size 127x19
26 text run at (0,12) width 127: "Progress style (size): "
27 LayoutBlockFlow {PROGRESS} at (127,0.19) size 300x30
28 LayoutProgress {DIV} at (0,0) size 300x30
29 LayoutBlockFlow {DIV} at (0,0) size 300x30 [bgcolor=#808080]
30 LayoutBlockFlow {DIV} at (0,0) size 90x30 [bgcolor=#008000]
31 LayoutListItem {LI} at (40,72) size 744x20
32 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
33 LayoutText {#text} at (0,0) size 60x19
34 text run at (0,0) width 60: "Bar style: "
35 LayoutBlockFlow {PROGRESS} at (60,2.19) size 160x16
36 LayoutProgress {DIV} at (0,0) size 160x16
37 LayoutBlockFlow {DIV} at (0,0) size 160x16 [bgcolor=#FF0000] [border: (3px solid #990000)]
38 LayoutBlockFlow {DIV} at (3,3) size 61.59x10 [bgcolor=#008000]
39 LayoutListItem {LI} at (40,92) size 744x20
40 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
41 LayoutText {#text} at (0,0) size 73x19
42 text run at (0,0) width 73: "Value style: "
43 LayoutBlockFlow {PROGRESS} at (73,2.19) size 160x16
44 LayoutProgress {DIV} at (0,0) size 160x16
45 LayoutBlockFlow {DIV} at (0,0) size 160x16 [bgcolor=#808080]
46 LayoutBlockFlow {DIV} at (0,0) size 80x16 [bgcolor=#FFFF00] [border: (3px solid #999900)]
47 LayoutListItem {LI} at (40,112) size 744x32
48 LayoutListMarker (anonymous) at (-18,12) size 7x19: bullet
49 LayoutText {#text} at (0,12) size 175x19
50 text run at (0,12) width 175: "Styling for all three elements: "
51 LayoutBlockFlow {PROGRESS} at (175,0.19) size 160x30 [bgcolor=#0000FF] [border: (3px solid #000066)]
52 LayoutProgress {DIV} at (3,3) size 154x24
53 LayoutBlockFlow {DIV} at (0,0) size 154x24 [bgcolor=#FF0000] [border: (3px solid #990000)]
54 LayoutBlockFlow {DIV} at (3,3) size 88.80x18 [bgcolor=#FFFF00] [border: (3px solid #999900)]
55 LayoutListItem {LI} at (40,144) size 744x20
56 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
57 LayoutText {#text} at (0,0) size 215x19
58 text run at (0,0) width 215: "Removing appearance dynamically: "
59 LayoutProgress {PROGRESS} at (215,2.19) size 160x16
60 LayoutProgress {DIV} at (0,0) size 160x16
61 LayoutBlockFlow {DIV} at (0,0) size 160x16 [bgcolor=#808080]
62 LayoutBlockFlow {DIV} at (0,0) size 112x16 [bgcolor=#008000]
63 LayoutListItem {LI} at (40,164) size 744x20
64 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
65 LayoutText {#text} at (0,0) size 252x19
66 text run at (0,0) width 252: "Giving progress style change dynamically: "
67 LayoutBlockFlow {PROGRESS} at (252,2.19) size 160x16 [bgcolor=#ADD8E6]
68 LayoutProgress {DIV} at (0,0) size 160x16
69 LayoutBlockFlow {DIV} at (0,0) size 160x16
70 LayoutBlockFlow {DIV} at (0,0) size 128x16 [bgcolor=#008000]