Resolved: Flutter : How to show Progress indicator until the data is fetched from the server

Map<String, dynamic> userInfo = {};

  Future<void> getQoutes() async {
    var data = await FirebaseFirestore.instance.collection('user').doc(auth.currentUser!.uid).get();
    setState(() {
      userInfo = data.data() as Map<String, dynamic>;
    });
  }

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'Some Quotes',
        ),
        backgroundColor: Colors.deepOrange,
      ),
      body: FutureBuilder (
        future: getQoutes(),
        builder: (BuildContext context, AsyncSnapshot snapshot) {
          switch (snapshot.connectionState) {
            case ConnectionState.done:
              if (snapshot.hasError) {
                return Text('Error : ${snapshot.error}');
              }
              return SingleChildScrollView(
                child: Container(
                height: MediaQuery.of(context).size.height,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Expanded(
                        child: ListView.builder(
                          itemCount: 3,
                          scrollDirection: Axis.vertical,
                          itemBuilder: (context, index) {
                          return Card_fun(userInfo['quotes'][index]);
                          }
                        )
                      )
                    ],
                  ),
                )
              );
            default:
              return const CircularProgressIndicator();
          }
        }
      ),
    );
  }