Snapping Text view while coordinator location scrolls up

Question

I want to create a screen that has a circular progress bar. There is text inside. Now that the screen scrolls (CoolapsingToolbar), the circular progress bar should be hidden with the animation disappearing upwards in the coordinator layout, but the text in this circular progress bar should be inserted there.

When scrolling through the following:

• The circular progress bar should be hiding with the gradual disappearance. The space around that circular pg should disappear.
• The average text view should not be hidden
• below Layout1 layout should be close to textivew

    <android.support.v4.widget.DrawerLayout>
       <android.support.design.widget.CoordinatorLayout>
          <android.support.design.widget.AppBarLayout>
               <RelativeLayout>
                 <android.support.design.widget.CollapsingToolbarLayout>

                   <RelativeLayout>
                     <CircularProgressbar>
                     <Middle TextView>
                   </RelativeLayout>
               </CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>
    <android.support.v4.widget.NestedScrollView/>
</android.support.design.widget.CoordinatorLayout>
</android.support.v4.widget.DrawerLayout>

Any of your login will be welcome. Please give me just the logic to design this screen. Thanks to everyone.

,