Scroll Progress Widget Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Scroll Progress Widget
![](https://ecaddons.com/wp-content/uploads/2023/05/scrollprogressenable-1024x520.png)
Now Drag and Drop Scroll Progress widget
![](https://ecaddons.com/wp-content/uploads/2023/05/scrollprogresswidget.png)
Layout
![](https://ecaddons.com/wp-content/uploads/2023/05/splayout.png)
Layout 1 Position : Top/Bottom
![](https://ecaddons.com/wp-content/uploads/2023/05/splayout1position.png)
Layout 2 Position : Left/Right
![](https://ecaddons.com/wp-content/uploads/2023/05/splayout2pos.png)
Layout 1 Styling
![](https://ecaddons.com/wp-content/uploads/2023/05/splayout1styling.png)
Layout 2 Styling
![](https://ecaddons.com/wp-content/uploads/2023/05/sclayout2styling.png)
Layout 1 Styling
In layout 1, Top/Bottom Position.
And in Styling, You can manage Fill Color, Stroke Color and Size.
Layout 2 Styling
In layout 2, Left/Right Position.
And in Styling, You can manage Width & Height, Icon Size, Offset and Stroke Width.
And for Normal and Hover, You can manage Icon,Stroke and Fill Color.