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

Announcements

News and Announcements icon
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,137 Super User 2026 Season 1 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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 525 Most Valuable Professional

#2
Haque Profile Picture

Haque 273

#3
Kalathiya Profile Picture

Kalathiya 232 Super User 2026 Season 1

Last 30 days Overall leaderboard