1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderBlock {HTML} at (0,0) size 800x600
5 RenderBody {BODY} at (8,8) size 784x576
6 RenderBlock {UL} at (0,0) size 784x156
7 RenderListItem {LI} at (40,0) size 744x16
8 RenderListMarker at (-16,0) size 6x16: bullet
9 RenderText {#text} at (0,0) size 91x16
10 text run at (0,0) width 91: "Default style: "
11 RenderBlock {PROGRESS} at (90.64,-0.81) size 160x16
12 RenderProgress {DIV} at (0,0) size 160x16
13 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080]
14 RenderBlock {DIV} at (0,0) size 16x16 [bgcolor=#008000]
15 RenderListItem {LI} at (40,16) size 744x16
16 RenderListMarker at (-16,0) size 6x16: bullet
17 RenderText {#text} at (0,0) size 98x16
18 text run at (0,0) width 98: "Progress style: "
19 RenderBlock {PROGRESS} at (97.77,-0.81) size 160x16 [bgcolor=#0000FF] [border: (3px solid #000066)]
20 RenderProgress {DIV} at (3,3) size 154x10
21 RenderBlock {DIV} at (0,0) size 154x10
22 RenderBlock {DIV} at (0,0) size 30.80x10 [bgcolor=#008000]
23 RenderListItem {LI} at (40,32) size 744x30
24 RenderListMarker at (-16,14) size 6x16: bullet
25 RenderText {#text} at (0,14) size 138x16
26 text run at (0,14) width 138: "Progress style (size): "
27 RenderBlock {PROGRESS} at (137.30,-0.81) size 300x30
28 RenderProgress {DIV} at (0,0) size 300x30
29 RenderBlock {DIV} at (0,0) size 300x30 [bgcolor=#808080]
30 RenderBlock {DIV} at (0,0) size 90x30 [bgcolor=#008000]
31 RenderListItem {LI} at (40,62) size 744x16
32 RenderListMarker at (-16,0) size 6x16: bullet
33 RenderText {#text} at (0,0) size 66x16
34 text run at (0,0) width 66: "Bar style: "
35 RenderBlock {PROGRESS} at (65.77,-0.81) size 160x16
36 RenderProgress {DIV} at (0,0) size 160x16
37 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#FF0000] [border: (3px solid #990000)]
38 RenderBlock {DIV} at (3,3) size 61.59x10 [bgcolor=#008000]
39 RenderListItem {LI} at (40,78) size 744x16
40 RenderListMarker at (-16,0) size 6x16: bullet
41 RenderText {#text} at (0,0) size 81x16
42 text run at (0,0) width 81: "Value style: "
43 RenderBlock {PROGRESS} at (80.86,-0.81) size 160x16
44 RenderProgress {DIV} at (0,0) size 160x16
45 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080]
46 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#FFFF00] [border: (3px solid #999900)]
47 RenderListItem {LI} at (40,94) size 744x30
48 RenderListMarker at (-16,14) size 6x16: bullet
49 RenderText {#text} at (0,14) size 195x16
50 text run at (0,14) width 195: "Styling for all three elements: "
51 RenderBlock {PROGRESS} at (194.17,-0.81) size 160x30 [bgcolor=#0000FF] [border: (3px solid #000066)]
52 RenderProgress {DIV} at (3,3) size 154x24
53 RenderBlock {DIV} at (0,0) size 154x24 [bgcolor=#FF0000] [border: (3px solid #990000)]
54 RenderBlock {DIV} at (3,3) size 88.80x18 [bgcolor=#FFFF00] [border: (3px solid #999900)]
55 RenderListItem {LI} at (40,124) size 744x16
56 RenderListMarker at (-16,0) size 6x16: bullet
57 RenderText {#text} at (0,0) size 235x16
58 text run at (0,0) width 235: "Removing appearance dynamically: "
59 RenderProgress {PROGRESS} at (234.13,-0.81) size 160x16
60 RenderProgress {DIV} at (0,0) size 160x16
61 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080]
62 RenderBlock {DIV} at (0,0) size 112x16 [bgcolor=#008000]
63 RenderListItem {LI} at (40,140) size 744x16
64 RenderListMarker at (-16,0) size 6x16: bullet
65 RenderText {#text} at (0,0) size 278x16
66 text run at (0,0) width 278: "Giving progress style change dynamically: "
67 RenderBlock {PROGRESS} at (277.70,-0.81) size 160x16 [bgcolor=#ADD8E6]
68 RenderProgress {DIV} at (0,0) size 160x16
69 RenderBlock {DIV} at (0,0) size 160x16
70 RenderBlock {DIV} at (0,0) size 128x16 [bgcolor=#008000]