| 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 784x168 | 6 RenderBlock {UL} at (0,0) size 784x168 |
| 7 RenderListItem {LI} at (40,0) size 744x18 | 7 RenderListItem {LI} at (40,0) size 744x18 |
| 8 RenderListMarker at (-17,0) size 7x18: bullet | 8 RenderListMarker at (-17,0) size 7x18: bullet |
| 9 RenderText {#text} at (0,0) size 88x18 | 9 RenderText {#text} at (0,0) size 88x18 |
| 10 text run at (0,0) width 88: "Default style: " | 10 text run at (0,0) width 88: "Default style: " |
| 11 RenderBlock {PROGRESS} at (88,1) size 160x17 | 11 RenderBlock {PROGRESS} at (88,1.19) size 160x16 |
| 12 RenderProgress {DIV} at (0,0) size 160x16 | 12 RenderProgress {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,18) size 744x18 | 15 RenderListItem {LI} at (40,18) size 744x18 |
| 16 RenderListMarker at (-17,0) size 7x18: bullet | 16 RenderListMarker at (-17,0) size 7x18: bullet |
| 17 RenderText {#text} at (0,0) size 95x18 | 17 RenderText {#text} at (0,0) size 95x18 |
| 18 text run at (0,0) width 95: "Progress style: " | 18 text run at (0,0) width 95: "Progress style: " |
| 19 RenderBlock {PROGRESS} at (95,1) size 160x17 [bgcolor=#0000FF] [border
: (3px solid #000066)] | 19 RenderBlock {PROGRESS} at (95,1.19) size 160x16 [bgcolor=#0000FF] [bor
der: (3px solid #000066)] |
| 20 RenderProgress {DIV} at (3,3) size 154x10 | 20 RenderProgress {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 31x10 [bgcolor=#008000] | 22 RenderBlock {DIV} at (0,0) size 30.80x10 [bgcolor=#008000] |
| 23 RenderListItem {LI} at (40,36) size 744x30 | 23 RenderListItem {LI} at (40,36) size 744x30 |
| 24 RenderListMarker at (-17,12) size 7x18: bullet | 24 RenderListMarker at (-17,12) size 7x18: bullet |
| 25 RenderText {#text} at (0,12) size 133x18 | 25 RenderText {#text} at (0,12) size 133x18 |
| 26 text run at (0,12) width 133: "Progress style (size): " | 26 text run at (0,12) width 133: "Progress style (size): " |
| 27 RenderBlock {PROGRESS} at (133,-1) size 300x31 | 27 RenderBlock {PROGRESS} at (133,-0.81) size 300x30 |
| 28 RenderProgress {DIV} at (0,0) size 300x30 | 28 RenderProgress {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,66) size 744x18 | 31 RenderListItem {LI} at (40,66) size 744x18 |
| 32 RenderListMarker at (-17,0) size 7x18: bullet | 32 RenderListMarker at (-17,0) size 7x18: bullet |
| 33 RenderText {#text} at (0,0) size 64x18 | 33 RenderText {#text} at (0,0) size 64x18 |
| 34 text run at (0,0) width 64: "Bar style: " | 34 text run at (0,0) width 64: "Bar style: " |
| 35 RenderBlock {PROGRESS} at (64,1) size 160x17 | 35 RenderBlock {PROGRESS} at (64,1.19) size 160x16 |
| 36 RenderProgress {DIV} at (0,0) size 160x16 | 36 RenderProgress {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 62x10 [bgcolor=#008000] | 38 RenderBlock {DIV} at (3,3) size 61.59x10 [bgcolor=#008000] |
| 39 RenderListItem {LI} at (40,84) size 744x18 | 39 RenderListItem {LI} at (40,84) size 744x18 |
| 40 RenderListMarker at (-17,0) size 7x18: bullet | 40 RenderListMarker at (-17,0) size 7x18: bullet |
| 41 RenderText {#text} at (0,0) size 79x18 | 41 RenderText {#text} at (0,0) size 79x18 |
| 42 text run at (0,0) width 79: "Value style: " | 42 text run at (0,0) width 79: "Value style: " |
| 43 RenderBlock {PROGRESS} at (79,1) size 160x17 | 43 RenderBlock {PROGRESS} at (79,1.19) size 160x16 |
| 44 RenderProgress {DIV} at (0,0) size 160x16 | 44 RenderProgress {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,102) size 744x30 | 47 RenderListItem {LI} at (40,102) size 744x30 |
| 48 RenderListMarker at (-17,12) size 7x18: bullet | 48 RenderListMarker at (-17,12) size 7x18: bullet |
| 49 RenderText {#text} at (0,12) size 188x18 | 49 RenderText {#text} at (0,12) size 188x18 |
| 50 text run at (0,12) width 188: "Styling for all three elements: " | 50 text run at (0,12) width 188: "Styling for all three elements: " |
| 51 RenderBlock {PROGRESS} at (188,-1) size 160x31 [bgcolor=#0000FF] [bord
er: (3px solid #000066)] | 51 RenderBlock {PROGRESS} at (188,-0.81) size 160x30 [bgcolor=#0000FF] [b
order: (3px solid #000066)] |
| 52 RenderProgress {DIV} at (3,3) size 154x24 | 52 RenderProgress {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 89x18 [bgcolor=#FFFF00] [border:
(3px solid #999900)] | 54 RenderBlock {DIV} at (3,3) size 88.80x18 [bgcolor=#FFFF00] [bord
er: (3px solid #999900)] |
| 55 RenderListItem {LI} at (40,132) size 744x18 | 55 RenderListItem {LI} at (40,132) size 744x18 |
| 56 RenderListMarker at (-17,0) size 7x18: bullet | 56 RenderListMarker at (-17,0) size 7x18: bullet |
| 57 RenderText {#text} at (0,0) size 230x18 | 57 RenderText {#text} at (0,0) size 230x18 |
| 58 text run at (0,0) width 230: "Removing appearance dynamically: " | 58 text run at (0,0) width 230: "Removing appearance dynamically: " |
| 59 RenderProgress {PROGRESS} at (230,1) size 160x17 | 59 RenderProgress {PROGRESS} at (230,1.19) size 160x16 |
| 60 RenderProgress {DIV} at (0,0) size 160x16 | 60 RenderProgress {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,150) size 744x18 | 63 RenderListItem {LI} at (40,150) size 744x18 |
| 64 RenderListMarker at (-17,0) size 7x18: bullet | 64 RenderListMarker at (-17,0) size 7x18: bullet |
| 65 RenderText {#text} at (0,0) size 272x18 | 65 RenderText {#text} at (0,0) size 272x18 |
| 66 text run at (0,0) width 272: "Giving progress style change dynamical
ly: " | 66 text run at (0,0) width 272: "Giving progress style change dynamical
ly: " |
| 67 RenderBlock {PROGRESS} at (272,1) size 160x17 [bgcolor=#ADD8E6] | 67 RenderBlock {PROGRESS} at (272,1.19) size 160x16 [bgcolor=#ADD8E6] |
| 68 RenderProgress {DIV} at (0,0) size 160x16 | 68 RenderProgress {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 |