import 'package:flutter/material.dart';

class LoadingScreen2 extends StatefulWidget {
  const LoadingScreen2({Key? key}) : super(key: key);

  @override
  State<LoadingScreen2> createState() => _LoadingScreen2State();
}

class _LoadingScreen2State extends State<LoadingScreen2> {
  @override
  Widget build(BuildContext context) {
    Size screenSize=MediaQuery.of(context).size;
    return Scaffold(
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 15.0,vertical: 10),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                children: [
                  ClipRRect(
                      borderRadius: BorderRadius.circular(50),
                      child: SizedBox(height: 50,width: 50,
                        child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1),
                          backgroundColor: Colors.grey.withOpacity(.2),),
                      )),

                  Container(height: 50,
                    margin: EdgeInsets.only(left: 10),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        SizedBox(
                            height: screenSize.height*.01,
                            width: screenSize.width*.6,
                            child: LinearProgressIndicator(
                              color: Colors.grey.withOpacity(.1),
                              backgroundColor: Colors.grey.withOpacity(.2),
                            )),
                        SizedBox(height: 15,),
                        SizedBox(
                            width: screenSize.width*.7,
                            height: screenSize.height*.01,
                            child: LinearProgressIndicator(
                              color: Colors.grey.withOpacity(.1),
                              backgroundColor: Colors.grey.withOpacity(.2),
                            )),
                      ],
                    ),
                  )
                ],
              ),
                SizedBox(height: 15,),
                Padding(
                  padding: const EdgeInsets.only(left: 20.0),
                  child: ClipRRect(
                    borderRadius: BorderRadius.circular(15),
                    child: SizedBox(
                      height: screenSize.height*.3,
                        child: LinearProgressIndicator(
                          color: Colors.grey.withOpacity(.1),
                          backgroundColor: Colors.grey.withOpacity(.1),
                        )),
                  ),
                ),
              SizedBox(height: 20,),
              Row(
                children: [
                  ClipRRect(
                      borderRadius: BorderRadius.circular(50),
                      child: SizedBox(height: 50,width: 50,
                        child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1),
                          backgroundColor: Colors.grey.withOpacity(.2),),
                      )),

                  Container(height: 50,
                    margin: EdgeInsets.only(left: 10),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        SizedBox(
                            height: screenSize.height*.01,
                            width: screenSize.width*.6,
                            child: LinearProgressIndicator(
                              color: Colors.grey.withOpacity(.1),
                              backgroundColor: Colors.grey.withOpacity(.2),
                            )),
                        SizedBox(height: 15,),
                        SizedBox(
                            width: screenSize.width*.7,
                            height: screenSize.height*.01,
                            child: LinearProgressIndicator(
                              color: Colors.grey.withOpacity(.1),
                              backgroundColor: Colors.grey.withOpacity(.2),
                            )),
                      ],
                    ),
                  )
                ],
              ),
              SizedBox(height: 15,),
              Padding(
                padding: const EdgeInsets.only(left: 20.0),
                child: ClipRRect(
                  borderRadius: BorderRadius.circular(15),
                  child: SizedBox(
                      height: screenSize.height*.3,
                      child: LinearProgressIndicator(
                        color: Colors.grey.withOpacity(.1),
                        backgroundColor: Colors.grey.withOpacity(.1),
                      )),
                ),
              ),
              SizedBox(height: 20,),
              ],
          ),
        ),
      ),
    );
  }
}