PROGRESS ASSET

<ProgbarAssetBase>progbar-asset.tsx
G2G

SIMPLE

PROGBAR SIMPLE POS
EX: TOP BUY/SELL
60%
PROGBAR SIMPLE NEG
EX: TOP BUY/SELL
60%
PROGBAR SIMPLE NEG LTR
EX: TOP BUY/SELL
60%
PROGBAR TICKED POS
EX: TOP HELD
60%
PROGBAR TICKED NEG
EX: TOP HELD
60%

DIRECTIONAL

PROGBAR ABSOLUTE
EX: TOP TRADED
33%
66%
PROGBAR NET POS
EX: TOP MOVERS
50%
PROGBAR NET NEG
EX: TOP MOVERS
50%

RATIO

PROGBAR RATIO POS/NEG
EX: BUY/SELL
65%
35%
PROGBAR RATIO NEG/POS
EX: PUT/CALL
65%
35%

RANGE

PROGBAR RANGE POS
EX: 52-WEEK RANGE
40%85%
PROGBAR RANGE NEG
EX: 52-WEEK RANGE
15%60%
PROGBAR RANGE GRAD-POS
EX: 52-WEEK RANGE
40%85%
PROGBAR RANGE GRAD-NEG
EX: 52-WEEK RANGE
15%60%

PROGBAR ASSET DATA TYPES

PROGBAR SIMPLE POS
MOST BOUGHT
PROGBAR SIMPLE NEG
MOST SOLD
PROGBAR RATIO POS/NEG
BUY/SELL
Buy 65%
Sell 35%
PROGBAR ABSOLUTE NEG/POS
TOTAL BUY/SELL
33%
66%
PROGBAR NET POS + NEG
NET BUY/SELL
50%
PROGBAR NET POS + NEG
NET BUY/SELL
50%
PROGBAR RANGE POS
52-WEEK RANGE
PROGBAR RANGE NEG
52-WEEK RANGE

LABEL DEFAULTS (HOVER TO SEE)

ASSET BARS WITH LABELS
Default: indicator position, hoverColor visibility

Positive Asset

75%

Negative Asset

45%

Warning Asset

60%
CUSTOM LABEL OPTIONS
Override defaults as needed

Always Visible

55%

End Position

80%

RTL with Label

40%

RATIO WITH LABELS (HOVER TO SEE)

BUY/SELL RATIOS
Market sentiment indicators

Bullish sentiment

Buy 75%
Sell 25%

Balanced market

Buy 50%
Sell 50%

Bearish sentiment

Buy 25%
Sell 75%
PUT/CALL RATIOS
Options flow analysis

High put volume

Put 70%
Call 30%

Balanced options

Put 50%
Call 50%

High call volume

Put 20%
Call 80%

DIRECTIONAL WITH LABELS (HOVER TO SEE)

LONG/SHORT POSITIONS
Portfolio allocation with labels

Balanced portfolio

50% Short
50% Long

Bearish positioning

30%

Bullish positioning

25% Short
75% Long
CUSTOM LABEL OPTIONS
Override default label behavior

Always visible labels

Sell
Buy

Color change on hover

35%
65%

Custom label colors

Bearish
Bullish

RANGE WITH LABELS (HOVER TO SEE)

PRICE RANGES
52-week low and high values

AAPL

$140$190

TSLA

$100$300

MSFT

$250$380
LABEL OPTIONS
Different label visibility behaviors

Default colors (red/green)

Low: 25%High: 75%

Auto variant colors

30%70%

Color change on hover

MinMax

Custom label colors

40%80%

RANGE WITH MARKER TOOLTIPS

52-WEEK RANGES
Hover over markers to see current price

AAPL: $140 - $190

TSLA: $100 - $300

MSFT: $250 - $380

PERFORMANCE METRICS
Target ranges with current values

Risk Score (Target: 20-40)

Drawdown (Limit: 5-15%)

Utilization (Optimal: 60-80%)

TABLE VARIANTS

60%
33%
66%
65%
35%
40%85%
45%
50%
65%
35%
15%60%
55%
50%
50%
50%
40%85%
70%
40%
60%
80%
20%
15%60%
55%
25%
75%
45%
55%
30%70%

cardtable + pagetable variant status:

Done: Progress (incl. ProgbarAssetBase via prop), ProgressTicked, ProgbarAssetDirectional, StatusIcon / BrokerStatus, broker & news logos.

Todo: ProgbarAssetRatio, ProgbarAssetRange, pagetable surface (library + demos), sweep remaining table cells for Base/Ratio/Range.