| <div style="font-size:16px"> |
| This is an example of <progress value=7 max=10></progress> a determinate progress bar.<br> |
| This is an example of <progress></progress> an indeterminate progress bar.<br> |
| This is an example of <progress dir=rtl value=7 max=10></progress> a right-to-left determinate progress bar.<br> |
| This is an example of <progress dir=rtl></progress> a right-to-left indeterminate progress bar.<br> |
| <div style="font-size:14px"> |
| This is an example of <progress value=4 max=10></progress> a small determinate progress bar.<br> |
| This is an example of <progress></progress> a small indeterminate progress bar.<br> |
| This is an example of <progress dir=rtl value=4 max=10></progress> a small right-to-left determinate progress bar.<br> |
| This is an example of <progress dir=rtl></progress> a small right-to-left indeterminate progress bar.<br> |