# 프로그레스바 제거(사용하지 않음)

***

## **1.프로그레스바 사용 해제**

웹앱에서 표시되는 프로그레스바 여부를 사용자가 설정할 수 있도록 옵션 기능으로 추가되었습니다. 

노출을 원하지 않을 경우, 고급설정에서 사용을 해제해주시면 앱에서 보이지 않게 설정 가능합니다. 

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F2xZVKLWaHlixd04JAUF1%2F%ED%94%84%EB%A1%9C%EA%B7%B8%EB%A0%88%EC%8A%A4%EB%B0%94%20%EC%A0%9C%EA%B1%B0.PNG?alt=media&#x26;token=1a7c35fd-0d7f-4f1d-898a-c57cfd68854b" alt=""><figcaption></figcaption></figure></div>

프로그레스바 제거 기능이 추가되어, ‘사용하지 않음’으로 체크시 보여지지 않습니다.

개별 웹 페이지 같은 이질감이 느껴지거나, 통일감을 주고 싶을 때 등 편의에 맞게 사용해주시기 바랍니다.

### <mark style="color:blue;">**\*프로그레스바란?**</mark>

<div align="left"><figure><img src="https://wp.swing2app.co.kr/wp-content/uploads/2022/12/%ED%91%9C%EC%8B%9C%EC%A4%84.png" alt=""><figcaption></figcaption></figure></div>

**프로그레스바는**, 모바일 웹 상단에 표시되는 진행 표시줄입니다.

가로로 기다란 형태를 나타내고 있으며, 작업이 얼만큼 진행되었는지 시각적으로 알려주는 바(bar)입니다.

“로딩 중”과 비슷한 의미로 보시면 되구요,

프로그레스바는 모바일 웹사이트를 연결한 웹앱-웹뷰, 푸시앱에서 볼 수 있습니다.

<mark style="color:red;">\*프로그레스바 사용시, 색상 변경도 가능합니다.</mark>

색상 변경방법은 도움말 가이드로 확인 부탁드립니다.

{% embed url="<https://documentation.swing2app.co.kr/webapp/manual/progressbar>" %}

***

## 2.이용방법

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Ff31tAMQ2Lqbe7cOJHZuc%2F%ED%94%84%EB%A1%9C%EA%B7%B8%EB%A0%88%EC%8A%A4%EB%B0%941%20(1).png?alt=media&#x26;token=8a5675c0-fd65-4044-97e3-0f51d769a553" alt=""><figcaption></figcaption></figure>

1\)앱제작 화면 - 고급설정 선택

2\)설정: ‘앱제작 설정’ 선택

3\)프로그레스바 여부 항목에서 \[EDIT] 버튼 선택

4\)설정값: ‘NO’ 선택 \*기본 설정은 사용함 “YES”로 셋팅되어 있습니다.

5\)\[UPDATE] 선택

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FvP9gOukLacddYPZVUGe8%2F%ED%94%84%EB%A1%9C%EA%B7%B8%EB%A0%88%EC%8A%A4%EB%B0%942%20(1).png?alt=media&#x26;token=67f36d50-2536-4822-9bc5-115a6937100d" alt=""><figcaption></figcaption></figure>

6\)저장, 7)업데이트 버튼 선택

8\)제작하기 선택

<mark style="color:orange;">\*새 버전으로 앱 업데이트 후 변경된 내용으로 확인 가능합니다.</mark>

<mark style="color:orange;">\*플레이스토어, 앱스토어 등에 앱이 출시되었다면 해당 버전 앱으로 업데이트 제출해야 합니다.</mark>

***

## 3.안내사항

1\)해당 기능은 웹앱 – 푸시앱, 웹뷰앱 이용시에만 해당 됩니다.

일반 프로토타입 제작 앱에서는 해당 사항 없습니다.

2\)프로그레스바 설정 기능은 V3 버전에서만 이용 가능하며, V2 버전에서는 이용하실 수 없습니다.

**해당 기능을 이용할 경우 V3버전으로 전환해서 이용할 수 있습니다.**&#x20;

전환시 최초 업데이트를 반드시 진행해주셔야 합니다.

3\)앱 업데이트가 필요합니다.

24년 1월 4일 기준으로 신규 앱제작 하신 분들은 업데이트된 기능이 자동 반영됩니다.

1월 3일 전에 제작하신 분들은 위의 방법으로 셋팅 후 앱 업데이트를 하셔야 반영됩니다.

스토어(앱스토어, 플레이스토어)에 출시된 앱은 업데이트 버전으로 다시 제출해주셔야 합니다.<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.swing2app.co.kr/webapp/manual/progressbar2.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.