web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Circular progress bar
Power Apps
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>"
)
I have the same question (0)
  • Suggested answer
    Daniel Bocklandt Profile Picture
    5,099 Super User 2025 Season 2 on at
    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!

  • 242Flow Profile Picture
    45 on at
    Solved 

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

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 721 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 320 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard