| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x576 |
| RenderBlock {UL} at (0,0) size 784x182 |
| RenderListItem {LI} at (40,0) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 91x19 |
| text run at (0,0) width 91: "Default style: " |
| RenderBlock {PROGRESS} at (90,2) size 161x17 |
| RenderProgress {DIV} at (0,0) size 160x16 |
| RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
| RenderBlock {DIV} at (0,0) size 16x16 [bgcolor=#008000] |
| RenderListItem {LI} at (40,20) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 98x19 |
| text run at (0,0) width 98: "Progress style: " |
| RenderBlock {PROGRESS} at (97,2) size 161x17 [bgcolor=#0000FF] [border: (3px solid #000066)] |
| RenderProgress {DIV} at (3,3) size 154x10 |
| RenderBlock {DIV} at (0,0) size 154x10 |
| RenderBlock {DIV} at (0,0) size 31x10 [bgcolor=#008000] |
| RenderListItem {LI} at (40,40) size 744x31 |
| RenderListMarker at (-18,11) size 7x19: bullet |
| RenderText {#text} at (0,11) size 138x19 |
| text run at (0,11) width 138: "Progress style (size): " |
| RenderBlock {PROGRESS} at (137,-1) size 301x31 |
| RenderProgress {DIV} at (0,0) size 300x30 |
| RenderBlock {DIV} at (0,0) size 300x30 [bgcolor=#808080] |
| RenderBlock {DIV} at (0,0) size 90x30 [bgcolor=#008000] |
| RenderListItem {LI} at (40,71) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 66x19 |
| text run at (0,0) width 66: "Bar style: " |
| RenderBlock {PROGRESS} at (65,2) size 161x17 |
| RenderProgress {DIV} at (0,0) size 160x16 |
| RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#FF0000] [border: (3px solid #990000)] |
| RenderBlock {DIV} at (3,3) size 62x10 [bgcolor=#008000] |
| RenderListItem {LI} at (40,91) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 80x19 |
| text run at (0,0) width 80: "Value style: " |
| RenderBlock {PROGRESS} at (79,2) size 161x17 |
| RenderProgress {DIV} at (0,0) size 160x16 |
| RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
| RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#FFFF00] [border: (3px solid #999900)] |
| RenderListItem {LI} at (40,111) size 744x31 |
| RenderListMarker at (-18,11) size 7x19: bullet |
| RenderText {#text} at (0,11) size 195x19 |
| text run at (0,11) width 195: "Styling for all three elements: " |
| RenderBlock {PROGRESS} at (194,-1) size 161x31 [bgcolor=#0000FF] [border: (3px solid #000066)] |
| RenderProgress {DIV} at (3,3) size 154x24 |
| RenderBlock {DIV} at (0,0) size 154x24 [bgcolor=#FF0000] [border: (3px solid #990000)] |
| RenderBlock {DIV} at (3,3) size 89x18 [bgcolor=#FFFF00] [border: (3px solid #999900)] |
| RenderListItem {LI} at (40,142) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 235x19 |
| text run at (0,0) width 235: "Removing appearance dynamically: " |
| RenderBlock {PROGRESS} at (234,2) size 161x17 |
| RenderProgress {DIV} at (0,0) size 160x16 |
| RenderBlock {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
| RenderBlock {DIV} at (0,0) size 112x16 [bgcolor=#008000] |
| RenderListItem {LI} at (40,162) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 278x19 |
| text run at (0,0) width 278: "Giving progress style change dynamically: " |
| RenderBlock {PROGRESS} at (277,2) size 161x17 [bgcolor=#ADD8E6] |
| RenderProgress {DIV} at (0,0) size 160x16 |
| RenderBlock {DIV} at (0,0) size 160x16 |
| RenderBlock {DIV} at (0,0) size 128x16 [bgcolor=#008000] |
