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