percentify

Description:

percentify

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),
)),
),
),
),
);
}
copied to clipboard
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
),
),
);
}
copied to clipboard
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
),
),
);
}
copied to clipboard
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
),
),
);
}
copied to clipboard
Authors #
Elvin Habibov - Software Engineer

Linkedn
GitHub

🚀 About Me #
I'm a software engineer...
License #
MIT