Utilizing the vue-form-wizard component initially displays as follows:
https://i.sstatic.net/jwWlP.png
After customizing the styles to fit my requirements, I encountered two issues.
First: The wizard is supposed to commence before the bullets and the progress width is dynamically calculated internally using JavaScript in node modules. However, the pre-calculated width does not cover 100% of the progress at the end. Here is a demonstration of the issue:
https://i.sstatic.net/ZH0Y9.png
To prevent making any internal changes, is there a method to resolve this?
How can I access and modify content within JS files?
Secondly, the previous bullet reverts to its inactive state when the next one becomes active.
This occurs by utilizing a class in JavaScript that adds and removes an active state from the element.
I searched through the component's GitHub issues but did not come across any helpful information.