Technology Blogs by Members
Explore a vibrant mix of technical expertise, industry insights, and tech buzz in member blogs covering SAP products, technology, and events. Get in the mix!
cancel
Showing results for 
Search instead for 
Did you mean: 
rohitchouhan
Participant
1,670
The Circle Progress Bar Widget is a custom widget developed for SAP Analytics Cloud that provides a visually appealing circular progress bar to display progress, percentage, or any other value. In this article, we will explore the features of the widget, how to use it in your SAP UI5 project, and how to customize it to meet your specific needs.

preview



Installation


To use this widget in your SAP application, follow these steps:





  • Download the CircleProgressBarWidget.json file from the URLs specified in the webcomponents property of the JSON.

  • Go to your SAC Portal, select Analytic Application from the left side bar, and then go to the Custom Widget tab.

  • Click on the + icon on the right side and select the CircleProgressBarWidget.json file that you downloaded.

  • You're done! You can now use it in your app.


Methods


The widget has the following methods:



Set Methods



























Method Parameter Type Description
setPercentage(percentage) integer Set Percentage
setBarColor(barColor) string Set Bar Color
setEmptyBarColor(emptyBarColor) string Set Empty Bar Color

get Methods



























Method Return Type Description
getPercentage() integer return Percentage
getBarColor() string return Bar Color
getEmptyBarColor() string return Empty Bar Color

Conclusion


The Circle Progress Bar Widget is a great addition to any SAP UI5 project, as it enhances the user experience by providing a visually appealing way to display progress or percentage values. Its customizable parameters make it adaptable to a variety of use cases, and its ease of use allows developers to quickly and easily implement it into their projects. With the Circle Progress Bar Widget, you can take your SAP UI5 projects to the next level and provide a more engaging user experience.
1 Comment
Labels in this area