[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7603":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},7603,"CircularProgressBar","lopspower\u002FCircularProgressBar","lopspower","Create circular ProgressBar in Android ⭕","",null,"Kotlin",1801,226,39,19,0,1,5,56.07,"Apache License 2.0",false,"master",[24,25],"android","circularprogressbar","2026-06-12 04:00:35","\u003Cp align=\"center\">\u003Cimg src=\"\u002Fpreview\u002Fheader.png\">\u003C\u002Fp>\n\nCircularProgressBar\n=================\n\n\u003Cimg src=\"\u002Fpreview\u002Fpreview.gif\" alt=\"sample\" title=\"sample\" width=\"300\" height=\"480\" align=\"right\" vspace=\"24\" \u002F>\n\n[![Platform](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fplatform-android-green.svg)](http:\u002F\u002Fdeveloper.android.com\u002Findex.html)\n[![API](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAPI-14%2B-brightgreen.svg?style=flat)](https:\u002F\u002Fandroid-arsenal.com\u002Fapi?level=14)\n[![Maven Central](https:\u002F\u002Fimg.shields.io\u002Fmaven-central\u002Fv\u002Fcom.mikhaellopez\u002Fcircularprogressbar.svg?label=Maven%20Central)](https:\u002F\u002Fsearch.maven.org\u002Fartifact\u002Fcom.mikhaellopez\u002Fcircularprogressbar)\n[![Twitter](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTwitter-@LopezMikhael-blue.svg?style=flat)](http:\u002F\u002Ftwitter.com\u002Flopezmikhael)\n\nThis is an Android project allowing to realize a circular ProgressBar in the simplest way possible.\n\n\u003Ca href=\"https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetails?id=com.mikhaellopez.lopspower\">\n  \u003Cimg alt=\"Android app on Google Play\" src=\"https:\u002F\u002Fdeveloper.android.com\u002Fimages\u002Fbrand\u002Fen_app_rgb_wo_45.png\" \u002F>\n\u003C\u002Fa>\n\nUSAGE\n-----\n\nTo make a circular ProgressBar add CircularProgressBar in your layout XML and add CircularProgressBar library in your project or you can also grab it via Gradle:\n\n```groovy\nimplementation 'com.mikhaellopez:circularprogressbar:3.1.0'\n```\n\nXML\n-----\n\n```xml\n\u003Ccom.mikhaellopez.circularprogressbar.CircularProgressBar\n    android:id=\"@+id\u002FcircularProgressBar\"\n    android:layout_width=\"wrap_content\"\n    android:layout_height=\"wrap_content\"\n    app:cpb_background_progressbar_color=\"#b6bbd8\"\n    app:cpb_background_progressbar_width=\"5dp\"\n    app:cpb_progress_direction=\"to_right\"\n    app:cpb_progressbar_color=\"#3f51b5\"\n    app:cpb_progressbar_width=\"10dp\"\n    app:cpb_round_border=\"false\" \u002F>\n```\n\nYou must use the following properties in your XML to change your CircularProgressBar.\n\n| Properties                                       | Type                                                         | Default               |\n| ------------------------------------------------ | ------------------------------------------------------------ | --------------------- |\n| `app:cpb_progress`                               | integer                                                      | 0                     |\n| `app:cpb_progress_max`                           | integer                                                      | 100                   |\n| `app:cpb_indeterminate_mode`                     | boolean                                                      | false                 |\n| `app:cpb_progressbar_color`                      | color                                                        | BLACK                 |\n| `app:cpb_progressbar_color_start`                | color                                                        | cpb_progressbar_color |\n| `app:cpb_progressbar_color_end`                  | color                                                        | cpb_progressbar_color |\n| `app:cpb_progressbar_color_direction`            | left_to_right, right_to_left, top_to_bottom or bottom_to_top | left_to_right         |\n| `app:cpb_progressbar_width`                      | dimension                                                    | 7dp                   |\n| `app:cpb_background_progressbar_color`           | color                                                        | GRAY                  |\n| `app:cpb_background_progressbar_color_start`     | color                                                        | GRAY                  |\n| `app:cpb_background_progressbar_color_end`       | color                                                        | GRAY                  |\n| `app:cpb_background_progressbar_color_direction` | left_to_right, right_to_left, top_to_bottom or bottom_to_top | left_to_right         |\n| `app:cpb_background_progressbar_width`           | dimension                                                    | 3dp                   |\n| `app:cpb_round_border`                           | boolean                                                      | false                 |\n| `app:cpb_start_angle`                            | float                                                        | 0f (=top)             |\n| `app:cpb_progress_direction`                     | to_right or to_left                                          | to_right              |\n\nKOTLIN\n-----\n\n```kotlin\nval circularProgressBar = findViewById\u003CCircularProgressBar>(R.id.yourCircularProgressbar)\ncircularProgressBar.apply {\n    \u002F\u002F Set Progress\n    progress = 65f\n    \u002F\u002F or with animation\n    setProgressWithAnimation(65f, 1000) \u002F\u002F =1s\n\n    \u002F\u002F Set Progress Max\n    progressMax = 200f\n\n    \u002F\u002F Set ProgressBar Color\n    progressBarColor = Color.BLACK\n    \u002F\u002F or with gradient\n    progressBarColorStart = Color.GRAY\n    progressBarColorEnd = Color.RED\n    progressBarColorDirection = CircularProgressBar.GradientDirection.TOP_TO_BOTTOM\n\n    \u002F\u002F Set background ProgressBar Color\n    backgroundProgressBarColor = Color.GRAY\n    \u002F\u002F or with gradient\n    backgroundProgressBarColorStart = Color.WHITE\n    backgroundProgressBarColorEnd = Color.RED\n    backgroundProgressBarColorDirection = CircularProgressBar.GradientDirection.TOP_TO_BOTTOM\n\n    \u002F\u002F Set Width\n    progressBarWidth = 7f \u002F\u002F in DP\n    backgroundProgressBarWidth = 3f \u002F\u002F in DP\n\n    \u002F\u002F Other\n    roundBorder = true\n    startAngle = 180f\n    progressDirection = CircularProgressBar.ProgressDirection.TO_RIGHT\n}\n```\n\n### Listener (in Kotlin)\n\n```kotlin\ncircularProgressBar.onProgressChangeListener = { progress ->\n    \u002F\u002F Do something\n}\n\ncircularProgressBar.onIndeterminateModeChangeListener = { isEnable ->\n    \u002F\u002F Do something\n}\n```\n\nJAVA\n-----\n\n```java\nCircularProgressBar circularProgressBar = findViewById(R.id.yourCircularProgressbar);\n\u002F\u002F Set Progress\ncircularProgressBar.setProgress(65f);\n\u002F\u002F or with animation\ncircularProgressBar.setProgressWithAnimation(65f, 1000); \u002F\u002F =1s\n\n\u002F\u002F Set Progress Max\ncircularProgressBar.setProgressMax(200f);\n\n\u002F\u002F Set ProgressBar Color\ncircularProgressBar.setProgressBarColor(Color.BLACK);\n\u002F\u002F or with gradient\ncircularProgressBar.setProgressBarColorStart(Color.GRAY);\ncircularProgressBar.setProgressBarColorEnd(Color.RED);\ncircularProgressBar.setProgressBarColorDirection(CircularProgressBar.GradientDirection.TOP_TO_BOTTOM);\n\n\u002F\u002F Set background ProgressBar Color\ncircularProgressBar.setBackgroundProgressBarColor(Color.GRAY);\n\u002F\u002F or with gradient\ncircularProgressBar.setBackgroundProgressBarColorStart(Color.WHITE);\ncircularProgressBar.setBackgroundProgressBarColorEnd(Color.RED);\ncircularProgressBar.setBackgroundProgressBarColorDirection(CircularProgressBar.GradientDirection.TOP_TO_BOTTOM);\n\n\u002F\u002F Set Width\ncircularProgressBar.setProgressBarWidth(7f); \u002F\u002F in DP\ncircularProgressBar.setBackgroundProgressBarWidth(3f); \u002F\u002F in DP\n\n\u002F\u002F Other\ncircularProgressBar.setRoundBorder(true);\ncircularProgressBar.setStartAngle(180f);\ncircularProgressBar.setProgressDirection(CircularProgressBar.ProgressDirection.TO_RIGHT);\n```\n\n### Listener (in Java)\n\n```java\ncircularProgressBar.setOnIndeterminateModeChangeListener(isEnable -> {\n    \u002F\u002F Do something\n    return Unit.INSTANCE;\n});\n\n circularProgressBar.setOnProgressChangeListener(progress -> {\n    \u002F\u002F Do something\n    return Unit.INSTANCE;\n});\n```\n\nSUPPORT ❤️\n-----\n\nFind this library useful? Support it by joining [**stargazers**](https:\u002F\u002Fgithub.com\u002Flopspower\u002FCircularProgressBar\u002Fstargazers) for this repository ⭐️\n\u003Cbr\u002F>\nAnd [**follow me**](https:\u002F\u002Fgithub.com\u002Flopspower?tab=followers) for my next creations 👍\n\nLICENCE\n-----\n\nCircularProgressBar by [Lopez Mikhael](http:\u002F\u002Fmikhaellopez.com\u002F) is licensed under a [Apache License 2.0](http:\u002F\u002Fwww.apache.org\u002Flicenses\u002FLICENSE-2.0).\nBased on a work at [Pedramrn\u002FCircularProgressBar](https:\u002F\u002Fgithub.com\u002FPedramrn\u002FCircularProgressBar).\n","CircularProgressBar 是一个用于在Android应用中创建圆形进度条的库。它使用Kotlin编写，支持自定义颜色、宽度以及动画方向等属性，允许开发者通过简单的XML配置或代码调用来实现高度可定制化的圆形进度指示器。该库从API 14开始支持，并且可以通过Gradle轻松集成到项目中。适用于需要直观展示进度信息的各种应用场景，如文件下载、任务处理状态显示等，能够显著提升用户界面友好度和交互体验。",2,"2026-06-11 03:13:14","top_language"]