<ProgressBars@Screen>
    name: 'progress bar'

    BoxLayout:
        orientation: "vertical"
        spacing: "10dp"

        Toolbar:
            id: toolbar

        BoxLayout:
            orientation:'vertical'
            padding: '8dp'

            MDLabel:
                text: "Slider with [b]hint = True[/b]"
                markup: True
                halign: "center"
                theme_text_color: "Primary"

            MDSlider:
                id: progress_slider
                min: 0
                max: 100
                value: 40

            MDLabel:
                text: "Slider with [b]hint = False[/b]"
                markup: True
                halign: "center"
                theme_text_color: "Primary"

            MDSlider:
                id: progress_slider
                min: 0
                max: 100
                value: 40
                hint: False

            MDLabel:
                text: "Examples [b]MDProgressBar[/b]"
                markup: True
                halign: "center"
                theme_text_color: "Primary"

            MDProgressBar:
                value: progress_slider.value

            MDProgressBar:
                reversed: True
                value: progress_slider.value

            BoxLayout:
                MDProgressBar:
                    orientation: "vertical"
                    reversed: True
                    value: progress_slider.value

                MDProgressBar:
                    orientation: "vertical"
                    value: progress_slider.value
