multi_circular_slider 0.0.3

multi_circular_slider: ^0.0.3 copied to clipboard

example/lib/main.dart

import 'package:flutter/material.dart';

import 'package:multi_circular_slider/multi_circular_slider.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Multi Progress Bar',
      home: MyTestWidget(),
    );
  }
}

class MyTestWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SafeArea(
        child: Center(
          child: MultiCircularSlider(
            size: MediaQuery.of(context).size.width * 0.8,
            values: [0.2, 0.1, 0.3, 0.25],
            colors: [Color(0xFFFD1960), Color(0xFF29D3E8), Color(0xFF18C737), Color(0xFFFFCC05)],
            showTotalPercentage: true,
            label: 'This is label text',
            animationDuration: const Duration(milliseconds: 500),
            animationCurve: Curves.easeIn,
            innerIcon: Icon(Icons.integration_instructions),
            innerWidget: Text('96%'),
            trackColor: Colors.white,
            progressBarWidth: 52.0,
            trackWidth: 52.0,
            labelTextStyle: TextStyle(),
            percentageTextStyle: TextStyle(),
          ),
        ),
      ),
    );
  }
}