| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| LayoutBlockFlow {BODY} at (8,8) size 784x576 |
| LayoutBlockFlow {UL} at (0,0) size 784x184 |
| LayoutListItem {LI} at (40,0) size 744x20 |
| LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
| LayoutText {#text} at (0,0) size 81x19 |
| text run at (0,0) width 81: "Default style: " |
| LayoutBlockFlow {PROGRESS} at (81,2.19) size 160x16 |
| LayoutProgress {DIV} at (0,0) size 160x16 |
| LayoutBlockFlow {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
| LayoutBlockFlow {DIV} at (0,0) size 16x16 [bgcolor=#008000] |
| LayoutListItem {LI} at (40,20) size 744x20 |
| LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
| LayoutText {#text} at (0,0) size 91x19 |
| text run at (0,0) width 91: "Progress style: " |
| LayoutBlockFlow {PROGRESS} at (91,2.19) size 160x16 [bgcolor=#0000FF] [border: (3px solid #000066)] |
| LayoutProgress {DIV} at (3,3) size 154x10 |
| LayoutBlockFlow {DIV} at (0,0) size 154x10 |
| LayoutBlockFlow {DIV} at (0,0) size 30.80x10 [bgcolor=#008000] |
| LayoutListItem {LI} at (40,40) size 744x32 |
| LayoutListMarker (anonymous) at (-18,12) size 7x19: bullet |
| LayoutText {#text} at (0,12) size 127x19 |
| text run at (0,12) width 127: "Progress style (size): " |
| LayoutBlockFlow {PROGRESS} at (127,0.19) size 300x30 |
| LayoutProgress {DIV} at (0,0) size 300x30 |
| LayoutBlockFlow {DIV} at (0,0) size 300x30 [bgcolor=#808080] |
| LayoutBlockFlow {DIV} at (0,0) size 90x30 [bgcolor=#008000] |
| LayoutListItem {LI} at (40,72) size 744x20 |
| LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
| LayoutText {#text} at (0,0) size 60x19 |
| text run at (0,0) width 60: "Bar style: " |
| LayoutBlockFlow {PROGRESS} at (60,2.19) size 160x16 |
| LayoutProgress {DIV} at (0,0) size 160x16 |
| LayoutBlockFlow {DIV} at (0,0) size 160x16 [bgcolor=#FF0000] [border: (3px solid #990000)] |
| LayoutBlockFlow {DIV} at (3,3) size 61.59x10 [bgcolor=#008000] |
| LayoutListItem {LI} at (40,92) size 744x20 |
| LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
| LayoutText {#text} at (0,0) size 73x19 |
| text run at (0,0) width 73: "Value style: " |
| LayoutBlockFlow {PROGRESS} at (73,2.19) size 160x16 |
| LayoutProgress {DIV} at (0,0) size 160x16 |
| LayoutBlockFlow {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
| LayoutBlockFlow {DIV} at (0,0) size 80x16 [bgcolor=#FFFF00] [border: (3px solid #999900)] |
| LayoutListItem {LI} at (40,112) size 744x32 |
| LayoutListMarker (anonymous) at (-18,12) size 7x19: bullet |
| LayoutText {#text} at (0,12) size 175x19 |
| text run at (0,12) width 175: "Styling for all three elements: " |
| LayoutBlockFlow {PROGRESS} at (175,0.19) size 160x30 [bgcolor=#0000FF] [border: (3px solid #000066)] |
| LayoutProgress {DIV} at (3,3) size 154x24 |
| LayoutBlockFlow {DIV} at (0,0) size 154x24 [bgcolor=#FF0000] [border: (3px solid #990000)] |
| LayoutBlockFlow {DIV} at (3,3) size 88.80x18 [bgcolor=#FFFF00] [border: (3px solid #999900)] |
| LayoutListItem {LI} at (40,144) size 744x20 |
| LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
| LayoutText {#text} at (0,0) size 215x19 |
| text run at (0,0) width 215: "Removing appearance dynamically: " |
| LayoutProgress {PROGRESS} at (215,2.19) size 160x16 |
| LayoutProgress {DIV} at (0,0) size 160x16 |
| LayoutBlockFlow {DIV} at (0,0) size 160x16 [bgcolor=#808080] |
| LayoutBlockFlow {DIV} at (0,0) size 112x16 [bgcolor=#008000] |
| LayoutListItem {LI} at (40,164) size 744x20 |
| LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet |
| LayoutText {#text} at (0,0) size 252x19 |
| text run at (0,0) width 252: "Giving progress style change dynamically: " |
| LayoutBlockFlow {PROGRESS} at (252,2.19) size 160x16 [bgcolor=#ADD8E6] |
| LayoutProgress {DIV} at (0,0) size 160x16 |
| LayoutBlockFlow {DIV} at (0,0) size 160x16 |
| LayoutBlockFlow {DIV} at (0,0) size 128x16 [bgcolor=#008000] |