Full width ProgressBar

[fgallaire]

How to display a full width ProgressBar ?

Best regards

[davep]

Something like this does the trick (note the styling of both the ProgressBar and the Bar that is within it):

from textual.app import App, ComposeResult
from textual.widgets import ProgressBar

class WideBarApp(App[None]):

    CSS = """
    ProgressBar, ProgressBar Bar {
        width: 1fr;
    }
    """

    def compose(self) -> ComposeResult:
        yield ProgressBar()

if __name__ == "__main__":
    WideBarApp().run()

[fgallaire]

Thank you so much, it's exactly what I was looking for.

Maybe this tip could be in the documentation !

[davep]

There did used to be an issue that was a todo item for properly documenting the components of builtin compound widgets. I don't personally know if it's still open though.

[davep]

For what it's worth, found the issue #3207 -- oddly there's a comment to say it was being closed but it never was.