percentify 1.0.3

percentage indicator package

Percentify

A brief description of what this project does

Percentify is package to show percentage using diffent components. There are differents components in the package which you can use it in your application to show some data to the user

Acknowledgements

• GitHub

Screenshots

Features

• Use different kind of predefined indicators
• Manage all configurations
• Create custom indicators from scratch
• Implementation of these components is very easy

Usage of the components

Rounded Circular Percentify

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RoundedCircularPercentify(
          40, // the value of progress
          backgroundColor: Colors.black,
          valueColor: Colors.blueAccent,
          strokeWidth: 15,
          valueStrokeWidth: 25,
          child: const SizedBox(
            width: 200,
            height: 200,
            child: Center(
                child: Text(
              "${40}%",
              style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
            )),
          ),
        ),
      ),
    );
  }

Rect Circular Percentify

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RectCircularPercentify(
          22, // the value of progress
          backgroundColor: Colors.red,
          valueColor: Colors.blue,
          strokeWidth: 20,
          valueStrokeWidth: 35
        ),
      ),
    );
  }

Rounded Linear Percentify

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RoundedLinearPercentify(
          22, // the value of progress
          backgroundColor: Colors.red,
          valueColor: Colors.blue,
          strokeWidth: 20,
          valueStrokeWidth: 35
        ),
      ),
    );
  }

Rect Linear Percentify

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RectLinearPercentify(
          22, // the value of progress
          backgroundColor: Colors.red,
          valueColor: Colors.blue,
          strokeWidth: 20,
          valueStrokeWidth: 35
        ),
      ),
    );
  }

Authors

Elvin Habibov - Software Engineer

• Linkedn
• GitHub

🚀 About Me

I'm a software engineer...

License

MIT