OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
5 RenderBody {BODY} at (8,8) size 784x576 | 5 RenderBody {BODY} at (8,8) size 784x576 |
6 RenderBlock {UL} at (0,0) size 784x182 | 6 RenderBlock {UL} at (0,0) size 784x182 |
7 RenderListItem {LI} at (40,0) size 744x20 | 7 LayoutListItem {LI} at (40,0) size 744x20 |
8 RenderListMarker at (-18,0) size 7x19: bullet | 8 LayoutListMarker at (-18,0) size 7x19: bullet |
9 RenderText {#text} at (0,0) size 81x19 | 9 RenderText {#text} at (0,0) size 81x19 |
10 text run at (0,0) width 81: "Default style: " | 10 text run at (0,0) width 81: "Default style: " |
11 RenderBlock {PROGRESS} at (81,2.19) size 160x16 | 11 RenderBlock {PROGRESS} at (81,2.19) size 160x16 |
12 LayoutProgress {DIV} at (0,0) size 160x16 | 12 LayoutProgress {DIV} at (0,0) size 160x16 |
13 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] | 13 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
14 RenderBlock {DIV} at (0,0) size 16x16 [bgcolor=#008000] | 14 RenderBlock {DIV} at (0,0) size 16x16 [bgcolor=#008000] |
15 RenderListItem {LI} at (40,20) size 744x20 | 15 LayoutListItem {LI} at (40,20) size 744x20 |
16 RenderListMarker at (-18,0) size 7x19: bullet | 16 LayoutListMarker at (-18,0) size 7x19: bullet |
17 RenderText {#text} at (0,0) size 91x19 | 17 RenderText {#text} at (0,0) size 91x19 |
18 text run at (0,0) width 91: "Progress style: " | 18 text run at (0,0) width 91: "Progress style: " |
19 RenderBlock {PROGRESS} at (91,2.19) size 160x16 [bgcolor=#0000FF] [bor
der: (3px solid #000066)] | 19 RenderBlock {PROGRESS} at (91,2.19) size 160x16 [bgcolor=#0000FF] [bor
der: (3px solid #000066)] |
20 LayoutProgress {DIV} at (3,3) size 154x10 | 20 LayoutProgress {DIV} at (3,3) size 154x10 |
21 RenderBlock {DIV} at (0,0) size 154x10 | 21 RenderBlock {DIV} at (0,0) size 154x10 |
22 RenderBlock {DIV} at (0,0) size 30.80x10 [bgcolor=#008000] | 22 RenderBlock {DIV} at (0,0) size 30.80x10 [bgcolor=#008000] |
23 RenderListItem {LI} at (40,40) size 744x31 | 23 LayoutListItem {LI} at (40,40) size 744x31 |
24 RenderListMarker at (-18,11) size 7x19: bullet | 24 LayoutListMarker at (-18,11) size 7x19: bullet |
25 RenderText {#text} at (0,11) size 127x19 | 25 RenderText {#text} at (0,11) size 127x19 |
26 text run at (0,11) width 127: "Progress style (size): " | 26 text run at (0,11) width 127: "Progress style (size): " |
27 RenderBlock {PROGRESS} at (127,-0.81) size 300x30 | 27 RenderBlock {PROGRESS} at (127,-0.81) size 300x30 |
28 LayoutProgress {DIV} at (0,0) size 300x30 | 28 LayoutProgress {DIV} at (0,0) size 300x30 |
29 RenderBlock {DIV} at (0,0) size 300x30 [bgcolor=#808080] | 29 RenderBlock {DIV} at (0,0) size 300x30 [bgcolor=#808080] |
30 RenderBlock {DIV} at (0,0) size 90x30 [bgcolor=#008000] | 30 RenderBlock {DIV} at (0,0) size 90x30 [bgcolor=#008000] |
31 RenderListItem {LI} at (40,71) size 744x20 | 31 LayoutListItem {LI} at (40,71) size 744x20 |
32 RenderListMarker at (-18,0) size 7x19: bullet | 32 LayoutListMarker at (-18,0) size 7x19: bullet |
33 RenderText {#text} at (0,0) size 60x19 | 33 RenderText {#text} at (0,0) size 60x19 |
34 text run at (0,0) width 60: "Bar style: " | 34 text run at (0,0) width 60: "Bar style: " |
35 RenderBlock {PROGRESS} at (60,2.19) size 160x16 | 35 RenderBlock {PROGRESS} at (60,2.19) size 160x16 |
36 LayoutProgress {DIV} at (0,0) size 160x16 | 36 LayoutProgress {DIV} at (0,0) size 160x16 |
37 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#FF0000] [border:
(3px solid #990000)] | 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] | 38 RenderBlock {DIV} at (3,3) size 61.59x10 [bgcolor=#008000] |
39 RenderListItem {LI} at (40,91) size 744x20 | 39 LayoutListItem {LI} at (40,91) size 744x20 |
40 RenderListMarker at (-18,0) size 7x19: bullet | 40 LayoutListMarker at (-18,0) size 7x19: bullet |
41 RenderText {#text} at (0,0) size 73x19 | 41 RenderText {#text} at (0,0) size 73x19 |
42 text run at (0,0) width 73: "Value style: " | 42 text run at (0,0) width 73: "Value style: " |
43 RenderBlock {PROGRESS} at (73,2.19) size 160x16 | 43 RenderBlock {PROGRESS} at (73,2.19) size 160x16 |
44 LayoutProgress {DIV} at (0,0) size 160x16 | 44 LayoutProgress {DIV} at (0,0) size 160x16 |
45 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] | 45 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
46 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#FFFF00] [border:
(3px solid #999900)] | 46 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#FFFF00] [border:
(3px solid #999900)] |
47 RenderListItem {LI} at (40,111) size 744x31 | 47 LayoutListItem {LI} at (40,111) size 744x31 |
48 RenderListMarker at (-18,11) size 7x19: bullet | 48 LayoutListMarker at (-18,11) size 7x19: bullet |
49 RenderText {#text} at (0,11) size 175x19 | 49 RenderText {#text} at (0,11) size 175x19 |
50 text run at (0,11) width 175: "Styling for all three elements: " | 50 text run at (0,11) width 175: "Styling for all three elements: " |
51 RenderBlock {PROGRESS} at (175,-0.81) size 160x30 [bgcolor=#0000FF] [b
order: (3px solid #000066)] | 51 RenderBlock {PROGRESS} at (175,-0.81) size 160x30 [bgcolor=#0000FF] [b
order: (3px solid #000066)] |
52 LayoutProgress {DIV} at (3,3) size 154x24 | 52 LayoutProgress {DIV} at (3,3) size 154x24 |
53 RenderBlock {DIV} at (0,0) size 154x24 [bgcolor=#FF0000] [border:
(3px solid #990000)] | 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] [bord
er: (3px solid #999900)] | 54 RenderBlock {DIV} at (3,3) size 88.80x18 [bgcolor=#FFFF00] [bord
er: (3px solid #999900)] |
55 RenderListItem {LI} at (40,142) size 744x20 | 55 LayoutListItem {LI} at (40,142) size 744x20 |
56 RenderListMarker at (-18,0) size 7x19: bullet | 56 LayoutListMarker at (-18,0) size 7x19: bullet |
57 RenderText {#text} at (0,0) size 215x19 | 57 RenderText {#text} at (0,0) size 215x19 |
58 text run at (0,0) width 215: "Removing appearance dynamically: " | 58 text run at (0,0) width 215: "Removing appearance dynamically: " |
59 LayoutProgress {PROGRESS} at (215,2.19) size 160x16 | 59 LayoutProgress {PROGRESS} at (215,2.19) size 160x16 |
60 LayoutProgress {DIV} at (0,0) size 160x16 | 60 LayoutProgress {DIV} at (0,0) size 160x16 |
61 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] | 61 RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
62 RenderBlock {DIV} at (0,0) size 112x16 [bgcolor=#008000] | 62 RenderBlock {DIV} at (0,0) size 112x16 [bgcolor=#008000] |
63 RenderListItem {LI} at (40,162) size 744x20 | 63 LayoutListItem {LI} at (40,162) size 744x20 |
64 RenderListMarker at (-18,0) size 7x19: bullet | 64 LayoutListMarker at (-18,0) size 7x19: bullet |
65 RenderText {#text} at (0,0) size 252x19 | 65 RenderText {#text} at (0,0) size 252x19 |
66 text run at (0,0) width 252: "Giving progress style change dynamical
ly: " | 66 text run at (0,0) width 252: "Giving progress style change dynamical
ly: " |
67 RenderBlock {PROGRESS} at (252,2.19) size 160x16 [bgcolor=#ADD8E6] | 67 RenderBlock {PROGRESS} at (252,2.19) size 160x16 [bgcolor=#ADD8E6] |
68 LayoutProgress {DIV} at (0,0) size 160x16 | 68 LayoutProgress {DIV} at (0,0) size 160x16 |
69 RenderBlock {DIV} at (0,0) size 160x16 | 69 RenderBlock {DIV} at (0,0) size 160x16 |
70 RenderBlock {DIV} at (0,0) size 128x16 [bgcolor=#008000] | 70 RenderBlock {DIV} at (0,0) size 128x16 [bgcolor=#008000] |
OLD | NEW |