Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Canvas Apps Components Samples
    • Re: Circle progress indicator

    Re: Circle progress indicator

    03-29-2021 12:38 PM

    sbedows
    Frequent Visitor
    1735 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    yfw
    Power Apps yfw
    Power Apps
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Circle progress indicator

    ‎08-06-2019 12:01 PM

    circle.gif

     

    PROPERTY DESCRIPTION
    Value The number value of the progress bar. It can also be referenced as an output from the component.
    Incomplete fill Sets the fill color of the incomplete progress. It takes hex color code as input format.
    Current fill Sets the fill color of the complete progress. It takes hex color code as input format.
    Completed fill Sets the fill color of the bar when the progress is 100%. It takes hex color code as input format.
    Stroke width Takes a number input as the thickness of the bar.
    Percentage toggle Select format between 100% or 100/100.
    Slider toggle Show/hide the slider bar in the bottom.
    Circle radius The radius changes how big or small is the circle bar.
    Maximum value Maximum number of the progress.
    Rounded Select between round or sharp cut of the current progress.
    Minimum value Sets the minimum number of the slider bar. It is useful when asking user input with a floor value.
    Preview file
    47 KB
    Component - Circle progress indicator (1).msapp
    Labels:
    • Labels:
    • Components
    Message 1 of 4
    3,253 Views
    0 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    sbedows
    sbedows
    Frequent Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎03-29-2021 12:38 PM

    @yfw - Awesome tool.  Is there a way to round the percentages?  For example - When I put in 3 as the value and 9 as the max value, it shows 33.3333333333333333%, making the percentage unusable.

    Preview file
    8 KB
    Message 2 of 4
    1,735 Views
    0 Kudos
    Reply
    sajarac
    sajarac Kudo Kingpin
    Kudo Kingpin
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎11-29-2022 08:38 AM

    Hey @sbedows , use this in the label:

    RoundUp((label.Value/Label.MaxValue)*100, "00.00") & "%"

    Message 3 of 4
    620 Views
    0 Kudos
    Reply
    faruk88888
    faruk88888
    Frequent Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎12-21-2022 10:58 PM

    Great 

    Message 4 of 4
    532 Views
    0 Kudos
    Reply

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    California Consumer Privacy Act (CCPA) Opt-Out Icon Your California Privacy Choices