JavaFXطريقة تغيير قيمة الـProgressBar بناءاً على قيمة TextField أو PasswordField أو TextArea

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.ProgressBar;
import javafx.stage.Stage;
import javafx.scene.Group;
import javafx.scene.control.PasswordField;
import javafx.scene.input.KeyEvent;

public class Main extends Application {

    @Override
    public void start(Stage stage) {
        
        // هنا قمنا بإنشاء جميع الأشياء التي سنضيفها في النافذة
        Label label_1 = new Label("Password");
        Label label_2 = new Label("Strength");
        PasswordField passwordField = new PasswordField();
        ProgressBar progressBar = new ProgressBar(0f);
        
        // progressBar هنا قمنا بإخفاء لون حدود الكائن
        progressBar.setStyle("-fx-text-box-border: transparent;");
        
        // هنا قمنا بتحديد حجم الأشياء التي سنضيفها في النافذة
        label_1.setPrefSize(60, 30);
        label_2.setPrefSize(60, 30);
        passwordField.setPrefSize(200, 30);
        progressBar.setPrefSize(200, 10);
        
        // هنا قمنا بتحديد مكان ظهور الأشياء التي سنضيفها في النافذة
        label_1.setTranslateX(60);
        label_1.setTranslateY(90);
        label_2.setTranslateX(60);
        label_2.setTranslateY(135);
        passwordField.setTranslateX(120);
        passwordField.setTranslateY(90);
        progressBar.setTranslateX(120);
        progressBar.setTranslateY(142);
        
        // في النافذة Root Node لأننا ننوي جعله الـ Group هنا قمنا بإنشاء كائن من الكلاس
        Group root = new Group();

        // root في الكائن slider هنا قمنا بإضافة الكائن
        root.getChildren().add(label_1);
        root.getChildren().add(label_2);
        root.getChildren().add(passwordField);
        root.getChildren().add(progressBar);

        // فيها و تحديد حجمها Node كأول root هنا قمنا بإنشاء محتوى النافذة مع تعيين الكائن
        Scene scene = new Scene(root, 400, 250);

        // هنا وضعنا عنوان للنافذة
        stage.setTitle("JavaFX ProgressBar");

        // أي وضعنا محتوى النافذة الذي قمنا بإنشائه للنافذة .stage في كائن الـ scene هنا وضعنا كائن الـ
        stage.setScene(scene);

        // هنا قمنا بإظهار النافذة
        stage.show();
        
        // passwordField هنا قمنا بتحديد ماذا سيحدث كلما تم إدخال أو مسح حرف في الـ
        passwordField.setOnKeyReleased((KeyEvent e) -> {
        
            // passLength في المتغير passwordField هنا قمنا بتخزين عدد الأحرف المدخلة في الكائن
            double passLength = passwordField.getText().length();
            
            // progressBar يعادل 10% من طول الكائن passwordField هنا قمنا بجعل كل حرف مدخل في الكائن
            progressBar.setProgress(passLength/10);
        
            // إلى الأحمر progressBar إذا قام المستخدم بإدخال أقل من 5 أحرف, سيتم تغيير لون الـ
            if(passLength < 5)
                progressBar.setStyle("-fx-accent: red; -fx-text-box-border: transparent;");
        
            // إلى الأصفر progressBar إذا قام المستخدم بإدخال 5-7 أحرف, سيتم تغيير لون الـ
            else if(passLength >= 5 && passLength < 8)
                progressBar.setStyle("-fx-accent: yellow; -fx-text-box-border: transparent;");
        
            // إلى الأخضر progressBar إذا قام المستخدم بإدخال 8 أحرف أو أكثر, سيتم تغيير لون الـ
            else if(passLength >= 8)
                progressBar.setStyle("-fx-accent: green; -fx-text-box-border: transparent;");

        });
        
    }

    // هنا قمنا بتشغيل التطبيق
    public static void main(String[] args) {
        launch(args);
    }

}