ConstraintLayout1.kt

// Align composables with respect to one another
@Composable
fun CircularIndeterminateProgressBar(isDisplayed: Boolean) {
    if (isDisplayed) {
        ConstraintLayout(
                modifier = Modifier.fillMaxSize()
        ) {
            val (progress, text) = createRefs()
            CircularProgressIndicator(
                    modifier = Modifier.constrainAs(progress) {
                        top.linkTo(parent.top)
                        bottom.linkTo(parent.bottom)
                        start.linkTo(parent.start)
                        end.linkTo(parent.end)
                    },
                    color = MaterialTheme.colors.primary
            )
            Text(
                    text = "Loading",
                    style = TextStyle(
                            color = Color.Black,
                            fontSize = TextUnit.Companion.Sp(15)
                    ),
                    modifier = Modifier.constrainAs(text){
                        top.linkTo(progress.bottom)
                        start.linkTo(parent.start)
                        end.linkTo(parent.end)
                    }
            )
        }
    }
}

ConstraintLayout2.kt

// guideline from top
@Composable
fun CircularIndeterminateProgressBar(isDisplayed: Boolean) {
    if (isDisplayed) {
        ConstraintLayout(
                modifier = Modifier.fillMaxSize()
        ) {
            val (progress, text) = createRefs()
            val topGuideline = createGuidelineFromTop(0.3f)
            CircularProgressIndicator(
                    modifier = Modifier.constrainAs(progress) {
                        top.linkTo(topGuideline)
                        start.linkTo(parent.start)
                        end.linkTo(parent.end)
                    },
                    color = MaterialTheme.colors.primary
            )
            Text(
                    text = "Loading",
                    style = TextStyle(
                            color = Color.Black,
                            fontSize = TextUnit.Companion.Sp(15)
                    ),
                    modifier = Modifier.constrainAs(text){
                        top.linkTo(progress.bottom)
                        start.linkTo(parent.start)
                        end.linkTo(parent.end)
                    }
            )
        }
    }
}

ConstraintLayout3.kt

// guideline from bottom
@Composable
fun CircularIndeterminateProgressBar(isDisplayed: Boolean) {
    if (isDisplayed) {
        ConstraintLayout(
                modifier = Modifier.fillMaxSize()
        ) {
            val (progress, text) = createRefs()
            val topGuideline = createGuidelineFromBottom(0.3f)
            CircularProgressIndicator(
                    modifier = Modifier.constrainAs(progress) {
                        bottom.linkTo(topGuideline)
                        start.linkTo(parent.start)
                        end.linkTo(parent.end)
                    },
                    color = MaterialTheme.colors.primary
            )
            Text(
                    text = "Loading",
                    style = TextStyle(
                            color = Color.Black,
                            fontSize = TextUnit.Companion.Sp(15)
                    ),
                    modifier = Modifier.constrainAs(text){
                        top.linkTo(progress.bottom)
                        start.linkTo(parent.start)
                        end.linkTo(parent.end)
                    }
            )
        }
    }
}

ConstraintLayout4.kt

// decoupled constraints
@Composable
fun CircularIndeterminateProgressBar(isDisplayed: Boolean) {
    if (isDisplayed) {
        WithConstraints(
                modifier = Modifier.fillMaxSize()
        ) {
            Log.d(TAG, "CircularIndeterminateProgressBar: ${minWidth}")
            val constraints = if(minWidth < 600.dp){
                myDecoupledConstraints(.3f) // Portrait
            }
            else{
                myDecoupledConstraints(.7f) // Landscape
            }

            ConstraintLayout(
                    modifier = Modifier.fillMaxSize(),
                    constraintSet = constraints,
            ) {
                CircularProgressIndicator(
                        modifier = Modifier.layoutId("progressBar"),
                        color = MaterialTheme.colors.primary
                )
                Text(
                        text = "Loading",
                        style = TextStyle(
                                color = Color.Black,
                                fontSize = TextUnit.Companion.Sp(15)
                        ),
                        modifier = Modifier.layoutId("loadingText"),
                )
            }
        }
    }
}

private fun myDecoupledConstraints(verticalBias: Float): ConstraintSet {
    return ConstraintSet {
        val guideLine = createGuidelineFromTop(verticalBias)
        val progressBar = createRefFor("progressBar")
        val text = createRefFor("loadingText")

        constrain(progressBar) {
            top.linkTo(guideLine)
            start.linkTo(parent.start)
            end.linkTo(parent.end)
        }
        constrain(text) {
            top.linkTo(progressBar.bottom)
            start.linkTo(parent.start)
            end.linkTo(parent.end)
        }
    }
}