Do we have any plan to support MAUI Linear ProgressBar?

1 Answer 60 Views
ProgressBar
Scofield
Top achievements
Rank 2
Iron
Iron
Iron
Scofield asked on 19 Sep 2024, 08:27 AM

Do we have any plan to support MAUI Linear ProgressBar like this way to show Progress can be divided into multiple segments.

About .NET MAUI Linear ProgressBar control | Syncfusion

 

1 Answer, 1 is accepted

Sort by
1
Accepted
Didi
Telerik team
answered on 19 Sep 2024, 09:54 AM

Hi Scofield,

In Telerik MAUI suite we have a LinearProgressBar control and Segments are in the controls features set: https://docs.telerik.com/devtools/maui/controls/progressbar/configuration#segments 

Please review the documentation we have and the exposed SDK examples, and let me know whether the segments work for your scenario. 

Regards,
Didi
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Scofield
Top achievements
Rank 2
Iron
Iron
Iron
commented on 20 Sep 2024, 02:35 AM | edited

Hi Didi,

Thanks for your feedback, I know Telerik have LinearProgressBar and Segments, but do we support >2 segments in progressBar like this way?

Didi
Telerik team
commented on 20 Sep 2024, 07:03 AM

Hi Scofield,

The options for styling the segments is described here: https://docs.telerik.com/devtools/maui/controls/progressbar/styling#styling-the-segments You can change the separators fill and thickness. I am not sure what is the exact requirement displayed on the picture, could you please send me a video of the exact behavior you want to achieve? 

If you want to style the area with the track fill, I can suggest this approach: 

<VerticalStackLayout>
    <telerik:RadLinearProgressBar WidthRequest="400"
                                    ProgressFill="Purple" 
                                    Value="20" 
                                    TrackThickness="20"
                                    HeightRequest="20"
                                    Maximum="100">
        <telerik:RadLinearProgressBar.TrackFill>
            <LinearGradientBrush EndPoint="1,0">
                    <GradientStop Color="#7C59B6"
                        Offset="0.1" />
                    <GradientStop Color="#607C59B6"
                        Offset="1.0" />
            </LinearGradientBrush>
        </telerik:RadLinearProgressBar.TrackFill>
    </telerik:RadLinearProgressBar>
</VerticalStackLayout>

This is the result: 



If this is not the case send me more details with an explanation of the scenario you are looking for.

 

Scofield
Top achievements
Rank 2
Iron
Iron
Iron
commented on 20 Sep 2024, 07:13 AM | edited

Hi Didi,

Thanks for your supports as always.

Let me give you one scenario: Market breadth looks at the relative change of advancing to declining securities in a market, but it also have Neutral option. Technically, we want to show 3 status: advancing/Neutral/Declining with different percentages in a linear bar. 

And that's why I ask if our LinearProgressBar can have 3 segments, or if you have any suggestion, please feel free to let me know.

Didi
Telerik team
commented on 20 Sep 2024, 07:44 AM

Hi Scofield, 

Thank you for the additional details. I think the control that will fit in the scenario is the Horizontal Gauge control we have: https://docs.telerik.com/devtools/maui/controls/gauge/gauge-types/horizontal You can add 3 ranges and one indicator. You can customize each range. 

I hope this will be of help. Should you have further questions, let me know.

Scofield
Top achievements
Rank 2
Iron
Iron
Iron
commented on 20 Sep 2024, 09:52 AM

Hi Didi,

That make sense and let's have a try, have a good weekend.

Didi
Telerik team
commented on 20 Sep 2024, 10:14 AM

Have a good weekend.
Should you have further questions on this approach, let me know, 
Kevin
Top achievements
Rank 1
commented on 23 Sep 2024, 11:28 AM

Hi Didi,

The approach you provided can meet our needs.

Thanks for your supports.

Tags
ProgressBar
Asked by
Scofield
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Didi
Telerik team
Share this question
or