MaterialUIKit
Github
  • MaterialUIKit
  • Essentials
    • Configuring and Personalizing
    • Defining a Custom Color Schemes
  • Configuration and Color Schemes
    • MUIKitConfiguration
    • MUIKitColorScheme
  • Components
    • Action Button
      • ActionButtonStyle
    • Checkbox
    • Collection
      • CollectionStyle
    • Container
    • Date Selector
    • Dialog
    • Dialog Sheet
    • Dropdown Menu
      • Dropdown Menu Label
    • FAB
    • Icon Button
      • IconButtonStyle
    • Navigation Container
      • NavigationContainerHeaderStyle
      • Navigation Route
      • Navigation Route Label
    • Progress Bar
    • Radio Buttons Group
    • Search Box
    • Secure Text Box
    • Segmented Buttons
    • Separator
      • SeparatorOrientationStyle
    • Snackbar
    • Switch
    • Time Selector
    • Text Box
    • Tab Bar
      • TabBar Item
Powered by GitBook
On this page
  • Overview
  • Initializer
  • Parameter
  • Example
  1. Components

Progress Bar

Represents a Material UI styled progress indicator for showing ongoing processes or loading states.

PreviousNavigation Route LabelNextRadio Buttons Group

Last updated 10 months ago

Overview

The ProgressBar represents a Material UI-styled progress indicator, designed to provide a visual cue of ongoing activity. It features a rotating arc that animates to indicate progress or loading states.

To use the ProgressBar, initialize it with optional parameters for line width. By default, the progress bar uses a standard line width of 2 points. You can customize the line width by providing a specific value.

Initializer

Creates a progress view with the default line width (of 2 points).

ProgressBar()

Creates a progress view with a custom line width.

ProgressBar(lineWidth: CGFloat)

Parameter

Parameter
Description

lineWidth

Sets the stroke width of the progress view.

Example

Displays a ProgressBar with the default line width of 2 points.

ProgressBar()

Displays a ProgressBar with a custom line width.

ProgressBar(lineWidth: 5)