Segment

[PenseeNumerique]

Hi, I want to propose an enhancement for the component by introducing a visual segmentation feature. This improvement allows the progress bar to be divided into a configurable number of segments, with transparent spaces between them, providing a clearer and more customizable visualization of the progress. I have developed the necessary code to implement this feature, adding the properties ProgressSegment, SegmentCount, SegmentSpacing, and UseSegment. The UseSegment property allows you to enable or disable the segmentation. Here’s what it would look like:

• SegmentCount: Determines the total number of segments in the bar.
• SegmentSpacing: Controls the spacing between segments, which is transparent.
• ProgressSegment: Specifies the number of filled segments, making it easier to control the progress segment by segment.

These additions simplify visual progress control and enhance the component's aesthetics and flexibility. Here is what it looks like in my example; I have already developed a substantial portion of the code, though there may still be room for further improvements.

What do you think?

Steeven,

[ewerspej]

Hi Steeven,

Sorry for the late reply, I'm currently traveling. That looks awesome!

You're welcome to post a pull request and I will have a look at it some time next week. If I don't respond until the end of next week, ping me again here. Just make sure that this feature is disabled by default.

Cheers Julian

[PenseeNumerique]

Hi,

Thanks for your response.

For your information, this is my first pull request on a public project, and I’m very excited to contribute to this project! Feel free to share your feedback or suggestions if any adjustments are needed.

I’m open to any constructive criticism and eager to learn about the collaboration process here.

Steeven,