Selected ComponentScroll Progress
Showcase Mode
Scroll Progress
Default gradient bar at the top.
Scroll inside this panel
Section 1
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 2
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 3
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 4
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 5
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 6
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 7
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 8
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 9
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 10
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 11
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 12
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 13
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 14
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 15
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 16
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 17
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 18
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 19
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.
Section 20
Scroll this panel to see the progress bar fill smoothly. The active variant controls gradient, size, rounding, glow, and the optional percentage indicator.