The Draftbit Developer Hub

Welcome to the Draftbit developer hub. You'll find comprehensive guides and documentation to help you start working with Draftbit as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Progress

Components that show the user's progress in completing a task or flow.

Progress Circle

A circle to display a user's progress in completing a task measured by percentage of completion

Configuration

Parameter

Description

Inner Circle Fill

The color of the inside of the circle that represents the amount of progress

Size

The size of the progress circle

Color

The color of the border of the circle and the text inside the circle

Progress

The amount of progress to be displayed

Direction

The direction the progress will be displayed

Show Progress Text

Toggle to display/hide the text inside the circle indicating the amount of progress

Stroke Cap

Set the style for the end of the progress bar around the circle

Thickness

Set how thick the line indicating the amount of progress is

Unfilled Color

The color of the inside of the circle that represents the amount of progress remaining

Progress Bar

A simple progress bar that can be used to indicate the user's progress in completing a series of tasks.

Configuration

Parameter

Description

Progress Color

The color of the progress set in the bar.

Progress

A number between 0 and 1 that represents the amount of progress to display.

Border Color

The color of the border around the bar.

Border Width

The width of the border around the bar.

Animation Type

Select the type of animation to display.

Unfilled Color

The color of the remainder of the bar.

Activity Indicator

A circular activity indicator

Configuration

Parameter

Description

Size

Select a small or large activity indicator

Color

Select the color of the activity indicator

Spinning

Enable or disable the spinning animation

Hide when stopped

Enable or disable hiding the acitivity indicator

Progress Indicator

A component to display a user's progress in completing a specific flow in the app.

Configuration

Parameter

Description

Current Step

The step that the user is currently on

Finished Color

The background color of the finished steps

Number of Steps

The number of steps in the progress indicator

Unfinished Color

The background color of the unfinished steps

Step Size

The size of the circle for each step

Current Step Border Width

The width of the border for the step the user is currently on

Current Step Border Color

The color of the border for the step the user is currently on

Finished Number Color

The color of the numbers of the finished steps

Current Step Size

The size of the circle for the current step

Current Step Color

The background color of the current step

Unfinished Number Color

The color of the numbers of the unfinished steps

Step Font Size

The font size of the numbers for each step

Current Step Number Color

The color of the number of the current step

Current Step Font Size

The font size of the number of the current step

Updated 2 months ago


Progress


Components that show the user's progress in completing a task or flow.

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.