Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Proposal] ProgressBar Animation Behavior

See original GitHub issue

ProgressBarAnimationBehavior

Proposed
Prototype
Implementation
- iOS Support
- Android Support
- macOS Support
- Windows Support
Unit Tests
Documentation
Sample

Summary

A behavior that animates a ProgressBar based on double AnimateProgress.

Detailed Design

ProgressBarAnimationBehavior.shared.cs

public class ProgressBarAnimationBehavior : BaseBehavior<ProgressBar>
{
    public static readonly BindableProperty ProgressProperty;
    public static readonly BindableProperty LengthProperty;
    public static readonly BindableProperty EasingProperty;

    public double Progress { get; set; }
    public uint Length { get; set; }
    public Easing Easing { get; set; }
}

Usage Syntax

XAML Usage

<ProgressBar>
    <ProgressBarBehaviors>
        <toolkit: ProgressBarAnimationBehavior
            AnimateProgress = { Binding ProgressValue}
        />
    </ProgressBar.Behaviors>
</ProgressBar>

C# Usage

var behavior = new ProgressBarAnimationBehavior();
behavior.SetBinding(ProgressBarAnimationBehavior.AnimateProgressProperty, nameof(ViewModel.ProgressValue);

var progressBar = new ProgressBar();
phoneEntry.Behaviors.Add(behavior);

Issue Analytics

State:
Created 2 years ago
Comments:15 (14 by maintainers)

Top GitHub Comments

2reactions

bijingtoncommented, Apr 25, 2022

@brminnick you beat me to it 😄

1reaction

bijingtoncommented, May 3, 2022

Thanks @CliffAgius

Top Results From Across the Web

ProgressBarAnimationBehavior - .NET MAUI Community ...

The ProgressBar Animation Behavior animates a ProgressBar from its current Progress value to a provided value over time.

Creating animated progress bar - css

I'm trying to create a animated input/progress bar, but just the untracked part must be animated. @keyframes gradient { 0% { background-position ...

[css-animations] Proposal for animation triggers, timebases ...

This is a proposal for three new CSS animation properties in Level ... The third, animation-behavior, specifies if concurrent animations on ...

ProgresBarControl didn't show progress bar when ...

I'm using ProgresWindow with many functions. This behavior same on all. I set WindowsFormSettings.AnimationMode to EnableAll on many project. I ...

Faster Progress Bars: Manipulating Perceived Duration ...

To investigate how animated ribbing affects perception of progress bar duration, we devised seven ribbed behaviors, described in Table 2. We used the...