Liquid Progress Bar Indicator Using Flutter Android App

flutter pub get

import 'package:liquid_progress_indicator/liquid_progress_indicator.dart';

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:liquid_progress_indicator/liquid_progress_indicator.dart';


void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return  MaterialApp(
        debugShowCheckedModeBanner: false,
        home: MyLiquidProgress()
    );
  }
}

class MyLiquidProgress extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title:Text("Liquid Progress Bar"),
        backgroundColor: Colors.pink,
      ),
      body: Container(
          padding: EdgeInsets.all(25),
          height:200,
          child:Row(
            children: <Widget>[
              Container(
                  alignment: Alignment.center,
                  margin: EdgeInsets.only(right:20),
                  child: SizedBox(
                      height: 150, width:150,
                      child:LiquidCircularProgressIndicator(
                        value: 0.5,
                        valueColor: AlwaysStoppedAnimation(Colors.lightBlue[200]),
                        backgroundColor: Colors.white,
                        borderColor: Color(0xFF0D47A1),
                        borderWidth: 5.0,
                        direction: Axis.vertical,
                        center: Text("Loading..."),
                      )
                  )
              ),

              Expanded(
                  child: SizedBox(
                      height: 50,
                      child:LiquidLinearProgressIndicator(
                        value: 0.45,
                        valueColor: AlwaysStoppedAnimation(Colors.deepPurple[100]),
                        backgroundColor: Colors.white,
                        borderColor: Color(0xFF512DA8),
                        borderWidth: 5.0,
                        borderRadius: 12.0,
                        direction: Axis.horizontal,
                        center: Text("50%"),
                      )
                  )
              ),
            ],)
      ),
    );
  }
}