fuhouyin/MaterialFX
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
MaterialFX/wiki/Progress.md
palexdev ff8f531b59 ♻️ Minor changes and bug fixes 
📝 Update wiki with info about new PseudoClasses

🐛 MFXTextField and all subclasses: fixed an issue with CSS and :focused PseudoClass. It was being ignored in some cases, probably because the inner TextField was stealing the focus to the actual control. To fix this we use a new PseudoClass ":focus-within" to specify that the inner field is focused, so the control should be considered focused as well
🐛 I18N: do not use URLClassLoader to load the ResourceBundles as using MaterialFX is other projects would lead to a MissingResourceException, instead change the bundle base name returned by getBundleBaseName() with the complete path to the bundles

Signed-off-by: palexdev <alessandro.parisi406@gmail.com>
2022-02-04 14:02:36 +01:00

2.5 KiB
Raw Permalink Blame History

Progress

Preview

Progress

MFXProgressBars

  • Style Class: mfx-progress-bar

  • Default Stylesheet: MFXProgressBar.css

  • Default Skin: MFXProgressBarSkin.java

Properties

Property Description Type
ranges1 The first list of ranges ObservableList
ranges2 The second list of ranges ObservableList
ranges3 The third list of ranges ObservableList

Styleable Properties

Property Description CSS Property Type Default Value
animationSpeed Specifies the indeterminate animation speed -mfx-animation-speed Double 1.0

CSS Selectors

  • .mfx-progress-bar

  • .mfx-progress-bar .track

  • .mfx-progress-bar .bar1

  • .mfx-progress-bar .bar2

MFXProgressSpinners

  • Style Class: mfx-progress-spinner

  • Default Stylesheet: MFXProgressSpinner.css

  • Default Skin: MFXProgressSpinnerSkin.java

Properties

MFXProgressSpinner has the same properties of MFXProgressBar

Styleable Properties

Property Description CSS Property Type Default Value
color1 Specifies the first color of the spinner arc -mfx-color1 Color Color.web("#4285f4")
color2 Specifies the second color of the spinner arc -mfx-color2 Color Color.web("#db4437")
color3 Specifies the third color of the spinner arc -mfx-color3 Color Color.web("#f4b400")
color4 Specifies the fourth color of the spinner arc -mfx-color4 Color Color.web("#0F9D58")
radius Specifies the radius of the progress spinner -mfx-radius Double -1(will use the value of prefHeight(width))
startingAngle Specifies the angle at which the spinner will start -mfx-starting-angle Double 360 - Math.random() * 720

CSS Selectors

  • .mfx-progress-spinner

  • .mfx-progress-spinner .track

  • .mfx-progress-spinner .arc

  • .mfx-progress-spinner .percentage