I am working on a Financial web application and It has 6 categories and I am showing those categories as a tabs and each category has around 20 subcategories with 4-5 lines of description. Main thing is User has to go through each and every category as well as subcategory in a flow and he has to fill some data in each sub category.
Ex. I am on the category 1 tab and in that selected sub category 1 and filled all fields of sub category 1. Once I completed with the sub category 1 data filling, I can move to sub category 2 and so on. then same for category 2,category 3 etc. step by step and can't skip any category and sub category in the flow.
eg. I have to go through following flow step by step
category 1--> sub category 1 category 1--> sub category 2 category 1--> sub category 3 category 1--> sub category 4 category 1--> sub category 5 category 1--> sub category n category 2--> sub category 1 category 2--> sub category 2 category 2--> sub category n etc.
I need something better design suggestions to layout the sub categories so that I can show sub categories and their description on the same page and user will have track that this sub categories has been covered/completed.
See Image below: [![enter image description here]]
I am showing pop up but I want Design something like I can show subcategories on the same page.