A progress bar is a graphical user interface element (GUI). It visually indicates the progress of a task or operation. Using the GutenKit’s Progress Bar Block, you can keep the users inform about the status of their tasks and reducing the perception of waiting time.

How to use the GutenKit Progress Bar Block #

Login to your WordPress dashboard –

• 찾다 페이지/게시물 > 새 페이지/게시물 추가 또는 블록 편집기를 사용하여 기존 페이지 편집을 시작하세요.
• “를 찾으세요.+” 아이콘은 에디터 화면 오른쪽이나 상단에 있습니다. 클릭하세요.
• 블록 메뉴가 나타나면 '를 검색하세요.진행 표시 줄".
• 보이면 클릭하거나 블록 에디터 화면에 드래그 앤 드롭하세요.

콘텐츠 #

• Select Style – There are several styles to select
• 제목 - Write the title you want to display
• Hide Percentage Number – If you turn on the button then you can see the percentage number with the progress bar. Or,
• you can hide it also.
• Progress – Set the maximum number of the progress you want to show.
• Duration – Set the duration of the progress.

스타일 #

There are four styling options. When you will expand it, you can see the features and customize the progress bar based on your choices.

• Bar – This option presents customization features for the bar’s background type, height, box shadow and border radius.
• Track – Here you can adjust the background type and border radius
• 제목 - Set text color, typography and margin bottom using the option.
• Percentage – If you have set the percentage, then you can change text color and typography from here.