Skip to main content

Notifications

Power Apps - Power Apps Pro Dev & ISV
Answered

Circular progress bar

(0) ShareShare
ReportReport
Posted on by 45
Hi Evryone,
I want to make progress bar based on items status (Initiated, In progress, Approved,Rejected)with % in the same progress bar.
Pls help.
the code below is work without show the progress bar.
 
"data:image/svg+xml;base64," & EncodeUrl(
    "<svg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'>" &
    "<circle cx='50' cy='50' r='45' stroke='#e6e6e6' stroke-width='5' fill='none'/>" &
    "<circle cx='50' cy='50' r='45' stroke='#4caf50' stroke-width='5' fill='none' " &
    "stroke-dasharray='" & Text((CountRows(Filter(Gallery1.AllItems; Statut.Value = ThisItem.Value)) / CountRows(Gallery1.AllItems)) * 2 * Pi() * 45; "0.00") & "' " &
    "stroke-dashoffset='0'/>" &
    "</svg>"
)
  • 242Flow Profile Picture
    242Flow 45 on at
    Circular progress bar
    Solved 
  • Verified answer
    DBO_DV Profile Picture
    DBO_DV 4,415 on at
    Circular progress bar
    Hey, 
     
    Take a look at this tutorial there is a way to make it farely easy and quick: Power Apps - Circular Progress Bar
     If you absolutely want to keep an SVG here's another way to do it: Creating an Animated Progress Circle in Power Apps | by Nikolay Georgiev | Medium

    If this solved your problem, please mark it as Solved to help others find the solution faster.
    If you found it helpful, consider giving it a Like to support each other in this community!

    Thanks, and happy building!

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Microsoft Kickstarter Events…

Register for Microsoft Kickstarter Events…

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 145,422

#2
RandyHayes Profile Picture

RandyHayes 76,287

#3
Pstork1 Profile Picture

Pstork1 64,711

Leaderboard