# Network Quality Indicator

Network quality can impact the video experience a lot.
Therefore, it is always a good idea to display the network quality of the participants in the call.

## Network quality in a call

When you are in a call, the network quality for each participant is delivered from the server.
It is available via the `connectionQuality` property from `CallParticipantState`.

The connection quality property can have the following values:

```dart
enum SfuConnectionQuality {
  unspecified,
  poor,
  good,
  excellent,
}
```

By default, it is shown via the `StreamConnectionQualityIndicator` widget:

```dart
StreamConnectionQualityIndicator(
  connectionQuality: participant.connectionQuality,
  activeColor: connectionLevelActiveColor,
  inactiveColor: connectionLevelInactiveColor,
),
```

Additionally, you can customise some aspects of the network quality indicator such as the active/inactive
color as well as the alignment of the network indicator.

You can do these customisations inside the `StreamCallParticipant` widget:

```dart
StreamCallContainer(
  // ...
  callContentWidgetBuilder: (
    BuildContext context,
    Call call,
  ) {
    return StreamCallContent(
      call: call,
      callParticipantsWidgetBuilder: (
        BuildContext context,
        Call call,
      ) {
        return StreamCallParticipants(
          call: call,
          callParticipantBuilder: (
            BuildContext context,
            Call call,
            CallParticipantState participantState,
          ) {
            return StreamCallParticipant(
              call: call,
              participant: participantState,
              connectionLevelActiveColor: Colors.blue,
              connectionLevelAlignment: Alignment.bottomRight,
              connectionLevelInactiveColor: Colors.white,
            );
          },
        );
      },
    );
  },
)
```


---

This page was last updated at 2026-03-13T13:18:03.333Z.

For the most recent version of this documentation, visit [https://getstream.io/video/docs/flutter/ui-cookbook/network-quality-indicator/](https://getstream.io/video/docs/flutter/ui-cookbook/network-quality-indicator/).