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,151 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!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 551

#2
WarrenBelz Profile Picture

WarrenBelz 430 Most Valuable Professional

#3
Valantis Profile Picture

Valantis 298

Last 30 days Overall leaderboard