{"slug":"uiux-state-progress-bar","title":{"ja":"進捗バー","en":"Progress bar"},"summary":{"ja":"横長の帯が左から満ちていき、どれだけ進んだかを示す。","en":"A horizontal track that fills from the left to show how much is done."},"categories":["uiux","motion"],"subAspects":["uiux.state"],"aspects":["uiux"],"tags":["progress-bar","loading"],"keywords":["progress bar","determinate loader","upload progress"],"traits":{"en":["A thin rounded track runs horizontally across the middle","A filled portion from the left shows the progress, in a stronger color","A percentage or short label sits above or beside it","In motion, the fill grows toward the right"],"ja":["細い角丸の帯が中ほどを横に走る","左から満ちた部分が進み具合を表し、強い色で描く","上か横に、割合か短い文字を置く","動きでは、塗りが右へ伸びる"]},"prompt":"Progress bar: a thin rounded horizontal track across the middle with a stronger-colored fill from the left showing progress, a percentage label above it. In motion, the fill grows toward the right.","negativePrompt":"spinner, circular loader, vertical bar, decorative illustration","contrasts":[],"images":[],"references":[{"label":"remotion-video-ui-library — Loading/ProgressBar","url":"https://github.com/asamiile/remotion-video-ui-library/tree/main/src/Loading/ProgressBar"}],"links":{"page":{"ja":"https://visual-gallery.asami.tokyo/ja/styles/uiux-state-progress-bar","en":"https://visual-gallery.asami.tokyo/en/styles/uiux-state-progress-bar"},"json":"https://visual-gallery.asami.tokyo/api/v1/styles/uiux-state-progress-bar","markdown":"https://visual-gallery.asami.tokyo/api/v1/styles/uiux-state-progress-bar/md"}}